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.
Instala rápidamente el skill de IA frontend-design en tu entorno de desarrollo mediante línea de comandos
Fuente: answerzhao/agent-skills.
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: answerzhao/agent-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/answerzhao/agent-skills --skill frontend-designTransforme 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: answerzhao/agent-skills.
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/answerzhao/agent-skills --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, Cursor u OpenClaw
https://github.com/answerzhao/agent-skills