ds-pilot
ds-pilot
MCP-сервер, который предоставляет AI-агентам доступ к вашей дизайн-системе (компоненты + токены). Предотвращает создание агентом дубликатов компонентов или использование жестко закодированных значений там, где должны быть токены.
Установка
npx @lyse-labs/ds-pilot initЭто позволит:
Обнаружить директорию с компонентами и файл токенов
Настроить MCP-сервер в
.mcp.jsonДобавить инструкции по дизайн-системе в ваш
CLAUDE.md
Related MCP server: BrixUI MCP Server
Использование
MCP-сервер (для AI-агентов)
npx @lyse-labs/ds-pilot serve --components ./src/components --tokens ./tokens.jsonПосле настройки ваш AI-агент сможет:
search_components("button")— найти существующие компонентыget_component_props("Button")— посмотреть пропсы, типы, значения по умолчаниюlist_tokens("color")— вывести список всех цветовых токеновget_token("color.primary")— получить значение конкретного токена
CLI (для вас)
# List all components
npx @lyse-labs/ds-pilot list components --dir ./src/components
# List tokens filtered by type
npx @lyse-labs/ds-pilot list tokens --file ./tokens.json --type color
# Search components
npx @lyse-labs/ds-pilot search button --dir ./src/components
# Show component props
npx @lyse-labs/ds-pilot props Button --dir ./src/componentsПоддерживаемые форматы
Компоненты
React (
.tsx,.ts,.jsx,.js)Vue / Nuxt (
.vueс<script setup lang="ts">)Пропсы с типами, значениями по умолчанию и структурированными вариантами
Именованные и экспорт по умолчанию (default exports)
Токены
DTCG JSON (стандарт W3C)
Обычный вложенный JSON (экспорт из Figma)
CSS-переменные (Custom Properties)
Разрешение алиасов и метаданные групп
Как это работает
Сканер считывает вашу кодовую базу и извлекает имена компонентов, пропсы и значения токенов
MCP-сервер предоставляет эти данные в виде инструментов, которые может вызывать AI-агент
Инструкции в CLAUDE.md предписывают агенту проверять наличие существующих компонентов перед созданием новых
Агент перестает гадать и начинает использовать повторно.
Лицензия
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
The Figma MCP server brings Figma design context directly into your AI workflow.
Serves your design system and coding standards to coding agents, so they stop guessing.
MCP server for secureFlows: token-free URL builders and integration-linting tools for AI agents.
MCP server for building and testing AI agents with multi-model experimentation and insights.
Related MCP Servers
- AlicenseNot gradedqualityBmaintenanceA read-only MCP server that provides AI coding agents with a queryable contract for design system tokens, components, patterns, and anti-patterns.15 npm1Apache 2.0
- AlicenseAqualityDmaintenanceAn MCP server that connects AI clients to Figma components, design tokens, and variables from the BrixUI Design System, enabling component browsing, searching, and token retrieval.47 npmMIT
- AlicenseNot gradedqualityDmaintenanceAn MCP server that gives AI assistants structured access to a design system's tokens, components, guidelines, and patterns, enabling them to read, lint, and author design system data.1MIT
- AlicenseAqualityCmaintenanceMCP server that gives LLMs deep knowledge of design systems and tokens, enabling intelligent design evolution, token analysis, and designer-to-developer handoffs.3712 npm2MIT