BeClaude

ui-design-system

New
19.9kSmitheryDocumentationby davila7

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

First seen 5/22/2026

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "ui-design-system": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
documentationdesign

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is ui-design-system?

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

How to install ui-design-system?

To install ui-design-system: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "ui-design-system": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is ui-design-system best for?

ui-design-system is a mcp categorized under Documentation. It is designed for: documentation, design. Created by davila7.