MCP server

Design System

app.zaklad/design-system

Checked 26 Oct 2026, 08:29 UTC · It answered and asked for a sign-in

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

Needs an API keyVerified publisher: zaklad.app

https://platform.zaklad.app/api/mcp

At a glance

Type: MCP server
Publisher: zaklad.app (verified by the MCP Registry)
Status: Needs an API key
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
Last checked: 26 Oct 2026, 08:29 UTC

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http design-system https://platform.zaklad.app/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.design-system]
url = "https://platform.zaklad.app/api/mcp"

Gemini CLI

{"mcpServers":{"design-system":{"httpUrl":"https://platform.zaklad.app/api/mcp"}}}

Cursor

{"mcpServers":{"design-system":{"url":"https://platform.zaklad.app/api/mcp"}}}

VS Code

{"servers":{"design-system":{"type":"http","url":"https://platform.zaklad.app/api/mcp"}}}

Antigravity

agy mcp add design-system https://platform.zaklad.app/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"design-system","server_url":"https://platform.zaklad.app/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"design-system","server_url":"https://platform.zaklad.app/api/mcp"}

Needs an API key or token from its maker, usually added as a header in the setup.

Standby Design
Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
Standout
Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.
Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components.
Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Claycut
Custom transparent PNG icons in your project's style, added by your coding agent. Free starter set.
PickShade color tools
18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
Tseha
Serves your design system and coding standards to coding agents, so they stop guessing.
Designesy
Design quality gate for AI-generated UI: score any URL on 45 deterministic checks, A–F grade.

[![AptLynx](https://aptlynx.net/badge/app.zaklad/design-system.svg)](https://aptlynx.net/servers/app.zaklad/design-system)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents