English Français العربية

app.zaklad/design-system

Official registry Developer tools

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

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 design-system 'https://platform.zaklad.app/api/mcp' --header 'Authorization: <Bearer mcp_tok_... token, generated in Project Settings -> AI Access>'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "design-system": {
            "type": "http",
            "url": "https://platform.zaklad.app/api/mcp",
            "headers": {
                "Authorization": "<Bearer mcp_tok_... token, generated in Project Settings -> AI Access>"
            }
        }
    }
}

Frequently asked questions

What is app.zaklad/design-system?

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

How do I install app.zaklad/design-system?

It runs as a remote server. In Claude Code: claude mcp add --transport http design-system 'https://platform.zaklad.app/api/mcp' --header 'Authorization: <Bearer mcp_tok_... token, generated in Project Settings -> AI Access>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does app.zaklad/design-system need an API key?

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

Who maintains app.zaklad/design-system?

It is published by app.zaklad. 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.