design-analyzer
✓Extraiga automáticamente los requisitos técnicos de las referencias de diseño cuando el usuario mencione Figma, cargue imágenes o diga "implementar este diseño". Analiza colores, tipografía, espaciado, diseño y mapas de bloques de WordPress o campos de párrafos de Drupal. Proporciona especificaciones detalladas para desarrolladores, incluidos valores exactos, comportamiento de respuesta y requisitos de accesibilidad.
Instalación
SKILL.md
Purpose Extract technical requirements from design references (Figma URLs, screenshots, mockups) for CMS component implementation.
Accurate design-to-code translation requires systematic extraction of technical specifications.
User uploads image and says: "Create a WordPress block pattern from this hero design"
Extraiga automáticamente los requisitos técnicos de las referencias de diseño cuando el usuario mencione Figma, cargue imágenes o diga "implementar este diseño". Analiza colores, tipografía, espaciado, diseño y mapas de bloques de WordPress o campos de párrafos de Drupal. Proporciona especificaciones detalladas para desarrolladores, incluidos valores exactos, comportamiento de respuesta y requisitos de accesibilidad. Fuente: kanopi/cms-cultivator.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer- Fuente
- kanopi/cms-cultivator
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es design-analyzer?
Extraiga automáticamente los requisitos técnicos de las referencias de diseño cuando el usuario mencione Figma, cargue imágenes o diga "implementar este diseño". Analiza colores, tipografía, espaciado, diseño y mapas de bloques de WordPress o campos de párrafos de Drupal. Proporciona especificaciones detalladas para desarrolladores, incluidos valores exactos, comportamiento de respuesta y requisitos de accesibilidad. Fuente: kanopi/cms-cultivator.
¿Cómo instalo design-analyzer?
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/kanopi/cms-cultivator --skill design-analyzer 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/kanopi/cms-cultivator
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01