Louis Studios

com.lou15.studios/designer · v2.0.0

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

Website Set it up

Connect Remote server

Terminal

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

~/.cursor/mcp.json

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

.vscode/mcp.json

{
  "servers": {
    "designer": {
      "type": "http",
      "url": "https://studios.lou15.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

Claude Desktop

Settings > Connectors > Add custom connector
URL: https://studios.lou15.com/mcp

Replace the values in angle brackets with your own. Keys stay on your machine; we never see them.

Tools 23 found in our last check

create_direction
Start 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.
update_direction
Changes 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.
compose_section
Designs 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.
recommend_components
Picks 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.
tailor_component
Configures 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.
search_components
Search Louis Studios components by words, category and colour. Leave everything empty to list the newest.
get_component
Everything about one component: what it does, every prop with its type, default and meaning, which props the designer can tailor, and the file name.
preview_component
A still image of the component as it looks on the site, with links to its page and video.
install_component
Delivers 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 c…
account_status
The account behind the key, its plan, the coins it has left and the components it has unlocked (each stays open 30 days).
design_options
Call 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 b…
set_direction
Call 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 descripti…
adjust_direction
Call 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", "war…
fit_component
Installs 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…
fit_preview
Lists, 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.
browse_rooms
Every 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.
get_icons
Icon 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 pe…
get_dots
Dot 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…
make_mark
Draws 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 S…
plan_site
Maps 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 d…
compose_page
Designs 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…
compose_block
Designs 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 partic…
review_page
Checks 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…

Headers

Name	Description
`Authorization` Required, secret	Your Louis Studios agent key, sent as a bearer token. Any account can make one, Free included, under Agent access at https://studios.lou15.com/account.

Details

Endpoint	`https://studios.lou15.com/mcp` (Streamable HTTP)
First published	12 Nov 2026
Last updated	12 Nov 2026
Registry name	`com.lou15.studios/designer`

More search and web servers See all

Live status

Live

Typical response: 345 ms
Answered: 100% of 2 checks
Last check: 13 Nov 2026

30 days agoToday

We connect daily without credentials and run initialize and tools/list.

Pair it with live search

Agents that use Louis Studios often also need current facts. NestDaddy MCP gives your AI today's internet: web search, real-time breaking news and full page reading in one connector.

See NestDaddy MCP

For maintainers

[![NestDaddy MCP](https://nestdaddy.com/mcp/servers/com-lou15-studios-designer/badge.svg)](https://nestdaddy.com/mcp/servers/com-lou15-studios-designer)

Add the badge to your README. It turns green while your server passes our daily check. Listing details come from the official MCP registry; update them there.

Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.