frontend-design

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):

Transformez les exigences de style d'interface utilisateur en code frontal prêt pour la production avec des jetons de conception systématiques, une conformité en matière d'accessibilité et une exécution créative. À utiliser lors de la création de sites Web, d'applications Web, de composants React/Vue, de tableaux de bord, de pages de destination ou de toute interface utilisateur Web nécessitant à la fois une cohérence de conception et une qualité esthétique. Source : answerzhao/agent-skills.