frontend-design
✓Transforme los requisitos de estilo de la interfaz de usuario en código de interfaz listo para producción con tokens de diseño sistemáticos, cumplimiento de accesibilidad y ejecución creativa. Úselo al crear sitios web, aplicaciones web, componentes React/Vue, paneles, páginas de destino o cualquier interfaz de usuario web que requiera coherencia en el diseño y calidad estética.
Instalación
SKILL.md
This skill transforms vague UI style requirements into executable, production-grade frontend code through a systematic design token approach while maintaining creative excellence. It ensures visual consistency, accessibility compliance, and maintainability across all deliverables.
Never skip token definition. All visual properties must derive from the token system.
Create comprehensive token system (see examples/css/tokens.css and examples/typescript/design-tokens.ts):
Transforme los requisitos de estilo de la interfaz de usuario en código de interfaz listo para producción con tokens de diseño sistemáticos, cumplimiento de accesibilidad y ejecución creativa. Úselo al crear sitios web, aplicaciones web, componentes React/Vue, paneles, páginas de destino o cualquier interfaz de usuario web que requiera coherencia en el diseño y calidad estética. Fuente: uholysmokes/voidverse-alt.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/uholysmokes/voidverse-alt --skill frontend-design- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es frontend-design?
Transforme los requisitos de estilo de la interfaz de usuario en código de interfaz listo para producción con tokens de diseño sistemáticos, cumplimiento de accesibilidad y ejecución creativa. Úselo al crear sitios web, aplicaciones web, componentes React/Vue, paneles, páginas de destino o cualquier interfaz de usuario web que requiera coherencia en el diseño y calidad estética. Fuente: uholysmokes/voidverse-alt.
¿Cómo instalo frontend-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/uholysmokes/voidverse-alt --skill frontend-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/uholysmokes/voidverse-alt
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01