Skip to main content
Glama
lyse-labs
by lyse-labs

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)

  • Разрешение алиасов и метаданные групп

Как это работает

  1. Сканер считывает вашу кодовую базу и извлекает имена компонентов, пропсы и значения токенов

  2. MCP-сервер предоставляет эти данные в виде инструментов, которые может вызывать AI-агент

  3. Инструкции в CLAUDE.md предписывают агенту проверять наличие существующих компонентов перед созданием новых

Агент перестает гадать и начинает использовать повторно.

Лицензия

MIT

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    B
    maintenance
    A read-only MCP server that provides AI coding agents with a queryable contract for design system tokens, components, patterns, and anti-patterns.
    15 npm
    1
    Apache 2.0
  • A
    license
    A
    quality
    D
    maintenance
    An 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.
    4
    7 npm
    MIT
  • A
    license
    Not graded
    quality
    D
    maintenance
    An 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.
    1
    MIT
  • A
    license
    A
    quality
    C
    maintenance
    MCP server that gives LLMs deep knowledge of design systems and tokens, enabling intelligent design evolution, token analysis, and designer-to-developer handoffs.
    37
    12 npm
    2
    MIT