design-spec-extraction
✓Extraiga especificaciones completas de diseño JSON de fuentes visuales, incluidas exportaciones de Figma, maquetas de interfaz de usuario, capturas de pantalla o capturas de sitios web en vivo. Produce resultados compatibles con W3C DTCG con árboles de componentes, adecuados para la generación de código, documentación de diseño y transferencia de desarrolladores.
Instalación
SKILL.md
Extract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial subtask architecture that ensures complete coverage and cross-validation.
The extraction produces JSON following the W3C Design Tokens Community Group (DTCG) 2025.10 format with extensions:
EVERY pass MUST write its output to a JSON file on disk. This is non-negotiable.
Extraiga especificaciones completas de diseño JSON de fuentes visuales, incluidas exportaciones de Figma, maquetas de interfaz de usuario, capturas de pantalla o capturas de sitios web en vivo. Produce resultados compatibles con W3C DTCG con árboles de componentes, adecuados para la generación de código, documentación de diseño y transferencia de desarrolladores. Fuente: cygnusfear/agent-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction- Fuente
- cygnusfear/agent-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-17
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es design-spec-extraction?
Extraiga especificaciones completas de diseño JSON de fuentes visuales, incluidas exportaciones de Figma, maquetas de interfaz de usuario, capturas de pantalla o capturas de sitios web en vivo. Produce resultados compatibles con W3C DTCG con árboles de componentes, adecuados para la generación de código, documentación de diseño y transferencia de desarrolladores. Fuente: cygnusfear/agent-skills.
¿Cómo instalo design-spec-extraction?
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/cygnusfear/agent-skills --skill design-spec-extraction 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/cygnusfear/agent-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-17