INDIVIDUAL MCP TOOL

get_design_system

Get a product's full, LLM-verified design system so you can match its exact look.

mozaika.designnone authenticationAvailability not checked

LIVE ENDPOINT

https://mozaika.design/mcp

No auth detected

Connect to this endpoint to inspect the live schema for get_design_system and invoke it with your own arguments.

{}

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.mozaika]
url = "https://mozaika.design/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "mozaika": {
      "type": "http",
      "url": "https://mozaika.design/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: mozaika
Remote MCP URL: https://mozaika.design/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "mozaika": {
      "url": "https://mozaika.design/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "mozaika": {
      "type": "http",
      "url": "https://mozaika.design/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "mozaika",
  "transport": "streamable-http",
  "url": "https://mozaika.design/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

search_screens — Search real product UI screens for design reference.
get_screen_sections — List the distinct sections of a page (hero, pricing cards, testimonial/feedback, footer, .
list_user_flows — List real product user flows (ordered screen journeys) — e.
get_user_flow — Get one user flow with its ordered steps, each including full screen metadata and image_url.
get_screen — Get full metadata + image_url for a single screen by slug.
get_design_history — Measured design CHANGE HISTORY for a live-decoded domain — the Decode Ledger.
audit_code — When the user says a screen looks generic, cheap or off and you need to know WHY — paste the code and get numbers back.
validate_design — Grade YOUR design values against the measured corpus (hundreds of real products, decoded live — not opinions).