English Français العربية

Mozaika

Official registry Developer tools

Measured design systems decoded from 588 real products, for coding agents.

Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http mozaika 'https://mozaika.design/mcp' --header 'Authorization: <Bearer <your Mozaika MCP token>, e.g. "Bearer mzk_...". Free key, no card, at https://mozaika.design/connect - the free tier includes unlimited search across the whole library.>'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "mozaika": {
            "type": "http",
            "url": "https://mozaika.design/mcp",
            "headers": {
                "Authorization": "<Bearer <your Mozaika MCP token>, e.g. \"Bearer mzk_...\". Free key, no card, at https://mozaika.design/connect - the free tier includes unlimited search across the whole library.>"
            }
        }
    }
}

Frequently asked questions

What is Mozaika?

Measured design systems decoded from 588 real products, for coding agents.

How do I install Mozaika?

It runs as a remote server. In Claude Code: claude mcp add --transport http mozaika 'https://mozaika.design/mcp' --header 'Authorization: <Bearer <your Mozaika MCP token>, e.g. "Bearer mzk_...". Free key, no card, at https://mozaika.design/connect - the free tier includes unlimited search across the whole library.>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Mozaika need an API key?

Yes. It expects Authorization, which you set in its configuration.

Who maintains Mozaika?

It is published by design.mozaika. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.