Trasforma i requisiti di stile dell'interfaccia utente in codice frontend pronto per la produzione con token di progettazione sistematici, conformità all'accessibilità ed esecuzione creativa. Da utilizzare durante la creazione di siti Web, applicazioni Web, componenti React/Vue, dashboard, pagine di destinazione o qualsiasi interfaccia utente Web che richieda sia coerenza di progettazione che qualità estetica.
Installa rapidamente la skill AI frontend-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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):
Trasforma i requisiti di stile dell'interfaccia utente in codice frontend pronto per la produzione con token di progettazione sistematici, conformità all'accessibilità ed esecuzione creativa. Da utilizzare durante la creazione di siti Web, applicazioni Web, componenti React/Vue, dashboard, pagine di destinazione o qualsiasi interfaccia utente Web che richieda sia coerenza di progettazione che qualità estetica. Fonte: answerzhao/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/answerzhao/agent-skills --skill frontend-designTrasforma i requisiti di stile dell'interfaccia utente in codice frontend pronto per la produzione con token di progettazione sistematici, conformità all'accessibilità ed esecuzione creativa. Da utilizzare durante la creazione di siti Web, applicazioni Web, componenti React/Vue, dashboard, pagine di destinazione o qualsiasi interfaccia utente Web che richieda sia coerenza di progettazione che qualità estetica. Fonte: answerzhao/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/answerzhao/agent-skills --skill frontend-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/answerzhao/agent-skills