shads.app
Open builder →

Agent handshake

For coding agents

Connect MCP, install the shads skill, and pull a personal theme so agents build in your taste — not invent a palette.

Open theme builder → Browse starters

Agents install taste. They don’t invent it.

Design once. Agents build in your taste. shads.app is a visual theme builder for shadcn/ui — human taste in the studio, installable themes for MCP and the CLI.

1. Connect MCP

{
  "mcpServers": {
    "shads": {
      "command": "npx",
      "args": ["-y", "@shadsapp/mcp"]
    }
  }
}

Then call get_theme_package or install_plan with a starter id (workspace) or a share registry URL.

2. Install the base skill

npx shadcn@latest add https://shads.app/r/skill.json

Theme installs also pull a theme-specific skill (for example workspace-theme-skill).

3. Pull a theme

npx shadcn@latest add https://shads.app/r/workspace-theme.json
npx @shadsapp/cli create my-app -t workspace

FAQ

Should agents invent a theme?

No. Humans decide taste in the studio. Agents install a theme via MCP, CLI, or registry URL and follow the theme skill.