Sema4.ai Design System MCP Server

The Sema4.ai Design System MCP Server provides AI assistants with direct access to component documentation, color tokens, icons, and hooks through the Model Context Protocol.

Features

The MCP server provides:

Component Documentation: Access detailed docs for all @sema4ai/components with props, types, and usage examples
Layout Documentation: Get documentation for @sema4ai/layout components
Color, styling and typography Tokens: Query the complete @sema4ai/theme color palette of semantic color, typography and styling tokens
Icons: Search and browse available icons from @sema4ai/icons default, logos, and agents icon sets
Hooks: Discover utility hooks with usage examples

Usage

The latest version of the MCP server is available at https://sema4ai-design-system.pages.dev/api/mcp without additional authentication required.

Add to Claude Code

bash

Add to Codex CLI

bash

Add to Cursor

Open Settings → MCP and add a new server with the URL https://sema4ai-design-system.pages.dev/api/mcp.