design-spec
✓Cree especificaciones de diseño UI/UX a partir de requisitos o diseños Figma. Cubre especificaciones de componentes (Átomo/Molécula/Organismo), auditorías de accesibilidad (WCAG 2.1 AA), tokens de diseño, comportamiento receptivo y transferencias de desarrollo. Activadores de "especificación de diseño", "especificación de interfaz de usuario", "especificación de componente", "auditoría de accesibilidad", "transferencia de diseño", "tokens de diseño", "estructura alámbrica", "maqueta".
Instalación
SKILL.md
IMPORTANT: You MUST read these reference files for complete protocol. Do NOT skip.
Pattern: https?://(?:www\.)?figma\.com/(design|file)/([a-zA-Z0-9]+)(?:/[^?])?(?:\?node-id=([0-9]+:[0-9]+))?
Structure: Overview, Component Inventory, States, Design Tokens, Accessibility, Responsive, Figma Extracted Specs
Cree especificaciones de diseño UI/UX a partir de requisitos o diseños Figma. Cubre especificaciones de componentes (Átomo/Molécula/Organismo), auditorías de accesibilidad (WCAG 2.1 AA), tokens de diseño, comportamiento receptivo y transferencias de desarrollo. Activadores de "especificación de diseño", "especificación de interfaz de usuario", "especificación de componente", "auditoría de accesibilidad", "transferencia de diseño", "tokens de diseño", "estructura alámbrica", "maqueta". Fuente: duc01226/easyplatform.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/duc01226/easyplatform --skill design-spec- Fuente
- duc01226/easyplatform
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es design-spec?
Cree especificaciones de diseño UI/UX a partir de requisitos o diseños Figma. Cubre especificaciones de componentes (Átomo/Molécula/Organismo), auditorías de accesibilidad (WCAG 2.1 AA), tokens de diseño, comportamiento receptivo y transferencias de desarrollo. Activadores de "especificación de diseño", "especificación de interfaz de usuario", "especificación de componente", "auditoría de accesibilidad", "transferencia de diseño", "tokens de diseño", "estructura alámbrica", "maqueta". Fuente: duc01226/easyplatform.
¿Cómo instalo design-spec?
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/duc01226/easyplatform --skill design-spec 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/duc01226/easyplatform
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01