io.github.dgesteves/design-system-mcp
Предоставляет точные данные о React design system для кодовых агентов и встроенный UI-линтер для проверки. Помогает агентам корректно использовать компоненты и поддерживать дизайн-систему.
AIdgesteves
Локальный · npm
DevTools
official
Что это
Предоставляет точные данные о React design system для кодовых агентов и встроенный UI-линтер для проверки. Помогает агентам корректно использовать компоненты и поддерживать дизайн-систему.
Как подключить
1Официальный package
npm · @dgesteves/design-system-mcp@0.3.0
2Установить и запустить в терминале
npx @dgesteves/design-system-mcp@0.3.0
3Добавить в конфиг MCP-клиента (mcp.json / claude_desktop_config.json)
{
"mcpServers": {
"io-github-dgesteves-design-system-mcp": {
"command": "npx",
"args": [
"@dgesteves/design-system-mcp@0.3.0"
]
}
}
}
Вставьте блок в конфиг клиента (Claude Desktop, Claude Code, Cursor, VS Code, Cline). Команда и package собраны из полей официального MCP Registry.