Skip to main content

Louis Studios

com.lou15.studios/designerVersion 2.0.1

Designs React sites with animated components fitted to your brand, then checks each page.

Status

Responds257 msAnswered our handshake without sign-in.

Registry data may be out of date

We could not refresh it, so this page shows the last copy.
Last checked
Nov 14, 2026, 14:04 UTC
Latency
257 ms
Remotes responding
1 of 1
Sign-in
API key
Hosting
Hosted outside the EU (detected)
Registry data as of
Nov 14, 2026, 22:14 UTC

Data from the official MCP Registry, checked by run.zero. How we check

Connect

Streamable HTTP
https://studios.lou15.com/mcpResponds257 ms
No sign-in

Claude Code

claude mcp add --transport http designer https://studios.lou15.com/mcp --header 'Authorization: Bearer <YOUR_TOKEN>'

Replace <YOUR_TOKEN> before running.

Claude Desktop and claude.ai

Settings > Connectors > Add custom connector
Name: designer
Remote MCP server URL: https://studios.lou15.com/mcp
This server expects the header Authorization.

Cursor

{
  "mcpServers": {
    "designer": {
      "url": "https://studios.lou15.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Replace <YOUR_TOKEN> before running.

VS Code

code --add-mcp '{"name":"designer","type":"http","url":"https://studios.lou15.com/mcp","headers":{"Authorization":"Bearer <YOUR_TOKEN>"}}'

Replace <YOUR_TOKEN> before running.

Built your own server? run.zero hosts MCP servers on European infrastructure.

Host your own MCP server on run.zero

Tools

23 tools

Tools of Louis Studios
Read-only
Idempotent
Open world
account_statusThe account behind the key, its plan, the coins it has left and the components it has unlocked (each stays open 30 days).Not declaredYesNot declaredNo
adjust_directionCall this whenever the user wants the look changed after a direction exists, before composing or fitting anything again. Say the change in plain words in "tweak" ("square corners", "slower", "serif headings", "no glow", "more air", "compact", "glass", "grain off", "darker", "warmer", "accent teal", "luxury + sakura", "less playful") or set explicit knobs. Works on any direction_id, including ones made by create_direction. Returns what changed, anything it did not understand, the new description and the new theme CSS to replace the saved file; compose and fit again afterwards so everything follows.NoNoNoNo
browse_roomsEvery room of the studio: the library, the Island Room, the Sakura Collection, the Icon Room, the Dot Room and the Logo Room, with what each is for and how many items it holds. Pass a room (and words to look for) to search inside it. Free.Not declaredYesNot declaredNo
compose_blockDesigns one block as a finished TSX file in the direction's world: nav, hero, features, stats, cta, loading, footer, pricing, faq, testimonials, logos, gallery, timeline, contact, feature-icons, split, banner. Pass variant to choose its layout, component to build around a particular piece. Returns the file, the site layer CSS it relies on and the components to install with fit_component.Not declaredYesNot declaredNo
compose_pageDesigns one page as finished TSX files: the page file, one file per block (nav, hero, sections, footer) and the site layer CSS, laid out for the direction's world, responsive from phone to desktop, accessible, tokens only, real copy. Returns the files, the components to install with fit_component, the copy to confirm, and a short page summary. Check the page with review_page before you show it.Not declaredYesNot declaredNo
compose_sectionDesigns one finished section of the app (hero, nav, features, stats, cta or loading) around Louis Studios components tailored to the direction: colours, copy, speed and layout set for this user. Returns a ready TSX file and the components to install for it.Not declaredYesNot declaredNo
create_directionStart here. Turns what the user wants into a design direction for the app: a palette built from their colours or mood, type, radius, motion and layout. Returns a direction_id for the other tools and a theme CSS file of tokens to save in the project.NoNoNot declaredNo
design_optionsCall this first, before any page or component work on a new site, once you know what the site is (ask for the brand, what it does, who it is for, the mood and any brand colours if you cannot read them from the project). Returns three clearly different design directions for the brief (different world, palette, type and shape), each with its palette in light and dark and its type. Saves nothing. Show the user the three in a few lines each and ask which one, then call set_direction with the same brief and the chosen option number.NoYesYesNo
fit_componentInstalls a component licensed to the account, fully fitted to the direction: its colours and type become the product's, and its motion speed and intensity, corners, stroke and border weight, density, light or dark build and sample copy change to suit the site. Costs exactly what install_component costs (its price in coins on Pro 30, free on Max, free again for 30 days). By default a one-line shell command; pass as "source" to get the file itself when you cannot run commands. Call fit_preview first to see what will change.NoNoYesNo
fit_previewLists, in plain words, what fit_component will change in one component for a direction (colours, motion, corners, stroke, density, light or dark build, copy) and what stays as made and why, plus the JSX to use it with. Never returns source and costs nothing.Not declaredYesNot declaredNo
get_componentEverything about one component: what it does, every prop with its type, default and meaning, which props the designer can tailor, and the file name.Not declaredYesNot declaredNo
get_dotsDot Room dots in the product's palette. As "accent": each dot as its own React file (live and animated) with the brand colours, theme, numeral font and ring weight baked in. As "texture": a quiet repeating background made of the chosen dots in one brand tone, as CSS (a class to put on any section) and the SVG tile. Costs like the Dot Room: 1 coin a dot, 10 for the whole archive, free on Max; open 30 days. preview: true shows the plan and price without spending.NoNoYesNo
get_iconsIcon Room icons drawn for the product: the stroke weight from the direction's world and borders, the size from its type scale, the accent and quiet parts from its colour tokens (the main stroke is currentColor). Returns ONE React file with a typed, tree-shakeable named export per icon, or SVG strings. Costs like the Icon Room: 1 coin an icon, 10 for the whole archive (taken instead when that is no dearer), free on Max; anything taken stays open 30 days. preview: true shows the look and the price without spending.NoNoYesNo
install_componentDelivers a component licensed to the account. With a direction_id the file arrives restyled for the product: every colour moved into its palette and its type set in the product's faces, so it looks made for this app rather than taken from a catalog. By default a one-line shell command that downloads the file; pass as "source" to get the file itself when you cannot run commands.NoNoYesNo
make_markDraws a mark for the brand from the Logo Room: its initials (or letters you choose) alone or in a circle, rounded or square container, drawn in the direction's colours and weight, flat or with a Logo Room finish that draws as SVG (haze, tube, sign, halftone, topo). Returns the SVG and a React component. Costs like a Logo Room export: 1 coin, free on Max. preview: true returns a tiny text outline and the plan without spending.NoNoNot declaredNo
plan_siteMaps a brief to a whole site: the pages for the site type and, for each, the ordered blocks with the variant the direction's world favours, the Louis Studios component picked for it and why. One statement piece per screen, quiet surroundings. Blocks that need facts the content does not give are left out and listed. Then compose_page each page.Not declaredYesNot declaredNo
preview_componentA still image of the component as it looks on the site, with links to its page and video.Not declaredYesNot declaredNo
recommend_componentsPicks Louis Studios components for each part of an app (hero, buttons and controls, navigation, data and cards, loading, AI and voice). With a direction_id the picks suit that direction and come back already tailored to it.Not declaredYesNot declaredNo
review_pageChecks a page you composed before the user sees it. Pass the direction_id and the files you wrote, each with its content (page file, block files, CSS). Returns findings, each with severity, file and line, the problem and the exact fix: contrast below WCAG AA, colours outside the direction, more than one statement piece on a screen, images without alt, missing landmarks or skipped headings, motion without a reduced-motion fallback, widths that overflow a 375px phone, placeholder copy, missing licence headers. When this server can render, also screenshots at 1440 and 375px and what it measured there (sideways scroll, clipped or overlapping text, small tap targets, real contrast). Free; fix every high finding, then review again.Not declaredYesNot declaredNo
search_componentsSearch Louis Studios components by words, category and colour. Leave everything empty to list the newest.Not declaredYesNot declaredNo
set_directionCall this once the user has picked one of the design_options (pass the same brief plus option 1, 2 or 3), or straight away when the user already knows the look (pass world, blend and knobs, or a tweak in plain words). Saves the direction and returns its direction_id, a description to tell the user, and the theme CSS for both light and dark: save it as styles/louis-studios-theme.css and import it once in the root layout. Every other designer tool takes this direction_id.NoNoNot declaredNo
tailor_componentConfigures one component for the direction: its colours from the palette, its text from the user's copy, its pace from the motion. Returns the tailored JSX and what was changed, and says when a component's own colours cannot change.Not declaredYesNot declaredNo
update_directionChanges a direction when the user wants it different. Pass only what changes, and/or a tweak in plain words ("warmer", "more playful", "lighter", "more luxurious"). Returns the new palette, type and tokens; compose sections again afterwards.NoNoYesNo

Details

Registry status
Active
Published
Nov 15, 2026
Updated
Nov 15, 2026
Repository
Not given
Categories (suggested)
Marketing and SEODesign and mediaSuggested categories are assigned automatically from the registry text and may be wrong. Verified operators can correct them.
GDPR
Not declared

Are you the operator? Claim this listing