·product-design
*

product-design

alekspetrov/navigator

Automatiza la revisión del diseño, la extracción de tokens, el mapeo de componentes y la planificación de la implementación. Reduce la transferencia de diseño de 6 a 10 horas a 5 minutos mediante la integración directa de Figma MCP. Invocar automáticamente cuando el usuario mencione la revisión del diseño, la maqueta de Figma o la transferencia del diseño.

7Instalaciones·0Tendencia·@alekspetrov

Instalación

$npx skills add https://github.com/alekspetrov/navigator --skill product-design

SKILL.md

Automate design handoff from Figma to code with design system intelligence. Extract tokens, map components, detect drift, generate implementation plans.

New Architecture (v1.1.0+): Python directly connects to Figma MCP - no manual orchestration!

Output: Figma component → code component mappings with confidence scores

Automatiza la revisión del diseño, la extracción de tokens, el mapeo de componentes y la planificación de la implementación. Reduce la transferencia de diseño de 6 a 10 horas a 5 minutos mediante la integración directa de Figma MCP. Invocar automáticamente cuando el usuario mencione la revisión del diseño, la maqueta de Figma o la transferencia del diseño. Fuente: alekspetrov/navigator.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/alekspetrov/navigator --skill product-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es product-design?

Automatiza la revisión del diseño, la extracción de tokens, el mapeo de componentes y la planificación de la implementación. Reduce la transferencia de diseño de 6 a 10 horas a 5 minutos mediante la integración directa de Figma MCP. Invocar automáticamente cuando el usuario mencione la revisión del diseño, la maqueta de Figma o la transferencia del diseño. Fuente: alekspetrov/navigator.

¿Cómo instalo product-design?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/alekspetrov/navigator --skill product-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/alekspetrov/navigator