ds-pilot
ds-pilot
Servidor MCP que expone tu sistema de diseño (componentes + tokens) a agentes de IA. Evita que el agente cree componentes duplicados o codifique valores que deberían ser tokens.
Instalación
npx @lyse-labs/ds-pilot initEsto hará lo siguiente:
Detectará tu directorio de componentes y archivo de tokens
Configurará el servidor MCP en
.mcp.jsonAñadirá instrucciones del sistema de diseño a tu
CLAUDE.md
Related MCP server: BrixUI MCP Server
Uso
Servidor MCP (para agentes de IA)
npx @lyse-labs/ds-pilot serve --components ./src/components --tokens ./tokens.jsonUna vez configurado, tu agente de IA podrá:
search_components("button")— buscar componentes existentesget_component_props("Button")— ver propiedades, tipos y valores predeterminadoslist_tokens("color")— listar todos los tokens de colorget_token("color.primary")— obtener un valor de token específico
CLI (para ti)
# 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/componentsFormatos compatibles
Componentes
React (
.tsx,.ts,.jsx,.js)Vue / Nuxt (
.vuecon<script setup lang="ts">)Propiedades con tipos, valores predeterminados y variantes estructuradas
Exportaciones con nombre y por defecto
Tokens
DTCG JSON (estándar W3C)
JSON anidado simple (exportación de Figma)
Propiedades personalizadas de CSS
Resolución de alias y metadatos de grupo
Cómo funciona
Escáner: lee tu base de código y extrae nombres de componentes, propiedades y valores de tokens
Servidor MCP: expone estos datos como herramientas que un agente de IA puede llamar
Instrucciones de CLAUDE.md: le indican al agente que verifique si existen componentes antes de crear otros nuevos
El agente deja de adivinar y empieza a reutilizar.
Licencia
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