Design Systems

Access design token libraries, CSS documentation, and AI-driven component generation.

Design Systems MCP (southleft/design-systems-mcp)

Semantic search across 188+ design systems (Material, Ant Design, Carbon, Chakra, etc.):

# Setup
npx @southleft/design-systems-mcp

# Example queries via MCP
mcp__design_systems__search_components({ query: "button with loading state" })
mcp__design_systems__get_tokens({ system: "material", category: "color" })
mcp__design_systems__get_patterns({ pattern: "form validation error" })

Use cases: Find existing component patterns before building custom, get design token values, compare component API across systems.