Design Systems MCP
Удаленный MCP-сервер со знаниями о дизайн-системах: 395 источников, WCAG, токены, компоненты и протоколы интерфейсов агентов.
- 225 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Запросы уходят на внешний сервер, и в них не стоит включать конфиденциальные сведения о проекте.
- Сервер только отдает справочные материалы и не выполняет команд на вашей машине.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/design-systems-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Запросы уходят на внешний сервер, и в них не стоит включать конфиденциальные сведения о проекте.
- Сервер только отдает справочные материалы и не выполняет команд на вашей машине.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Design Systems MCP — база проверенных материалов о дизайн-системах, доступная агенту по одному адресу. В ней 395 записей: стандарты W3C и WCAG 2.2, ARIA Authoring Practices, спецификация дизайн-токенов DTCG, разборы Carbon, Polaris, Material 3, Fluent, Atlassian и других систем, а также свежие материалы про A2UI, MCP Apps и AG-UI. Агент ищет по смыслу и по ключевым словам, получает фрагменты с датой и пометкой надежности источника (первоисточник, авторитетный, справочный, пример, сообщество) и просматривает базу по категориям и тегам. Если по теме ничего нет, сервер возвращает пустой ответ, а не похожий, но чужой материал. Для подключения достаточно адреса `https://design-systems-mcp.southleft.com/mcp`, ставить ничего не нужно.
Для кого. Дизайнерам и фронтенд-разработчикам, которые строят или чинят дизайн-систему и работают с Claude Code, Cursor или Claude Desktop.
Подходит, если
- Токены цвета и отступов описываются по формату DTCG, и агент проверяет структуру по спецификации.
- Компонент должен соответствовать WCAG 2.2, и нужны точные критерии успеха с источником.
- Команда сравнивает, как Carbon, Polaris и Material 3 строят архитектуру токенов.
- Интерфейс отдают агенту, и надо выяснить, как A2UI и MCP Apps описывают компоненты.
Не подходит, если
- Нужно работать с файлом Figma напрямую: сервер хранит знания и не открывает макеты.
- Вопрос касается внутренней дизайн-системы компании, которой нет среди 395 источников.
- Сеть закрыта для внешних адресов, а сервер работает только по удаленному URL.
Пример запроса к агенту
Найди в базе, как WCAG 2.2 описывает минимальный размер цели касания, и покажи источник и дату материала.MCP
- Транспорт
- http
- Авторизация
- не нужна
Ограничения
Сервер размещен на Cloudflare Workers у авторов (Southleft), и доступность зависит от их хостинга. Публичный адрес не требует ключа, но запросы уходят на внешний сервис, поэтому конфиденциальные детали в них лучше не включать. База включает 395 записей на момент README и пополняется выбором авторов. Локальный запуск требует собственных учетных данных Supabase и подключения эмбеддингов по инструкции из репозитория, готового образа нет.
Как отключить. Удалите подключение командой `claude mcp remove design-systems` либо уберите запись из `.mcp.json`. В Claude Desktop удаляется пользовательский коннектор в настройках.
Частые вопросы
Как подключить сервер к Claude Code?
Выполните `claude mcp add --transport http design-systems https://design-systems-mcp.southleft.com/mcp`, затем проверьте `claude mcp list`.
Как добавить его в Claude Desktop?
Откройте Settings, затем Connectors, нажмите «Add custom connector» и вставьте адрес сервера. Пользовательские коннекторы доступны на платных тарифах.
Какие инструменты есть у сервера?
`search_design_knowledge`, `search_chunks`, `browse_by_category`, `get_all_tags` и `browse_by_tag`.
Что будет, если по теме нет материалов?
Сервер вернет пустой результат. Порог релевантности убирает близкие, но неверные ответы.
Нужен ли ключ или регистрация?
Нет, публичный адрес открыт и ключа не просит.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыСправочный MCP дает агенту требования к сайту со ссылками на стандарты и помогает составить список проверок перед выпуском
Medical MCP
medical-mcp
MCP-сервер медицинских источников: лекарства FDA и EMA, статистика WHO, PubMed и клинические испытания без ключей API.
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Design System Extractor MCP
mcp-design-system-extractor
Сервер MCP достает из Storybook сведения о компонентах и дизайн-токены, анализирует CSS. Подключение одной командой claude mcp add
MCP-сервер Ref: поиск по документации API и библиотек, который отдает агенту только нужные куски страниц
Docs MCP Server
Grounded Docs MCP Server
Локальный MCP-сервер: индексирует документацию из сайтов, GitHub, npm, PyPI и файлов и дает агенту поиск по нужной версии
Коротко о README
Проект построен на Cloudflare Workers и Supabase с векторным поиском и запасным полнотекстовым путем. В репозитории есть набор оценки поиска: он сверяет и найденный источник, и содержание ответа на четырех уровнях сложности.