Produci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione, regole di layout, guida al movimento e controlli di accessibilità chiari per uno sviluppo frontend coerente e scalabile.
Installa rapidamente la skill AI design-system nel tuo ambiente di sviluppo tramite riga di comando
Fonte: supercent-io/skills-template.
This is a skill for production-grade UI design. It supports consistent and scalable frontend development through clear design tokens, layout rules, motion guidelines, and accessibility checks.
Issue: UI feels generic Cause: No visual direction or tokens Solution: Provide style references and palette
Issue: Layout breaks on mobile Cause: No responsive grid rules Solution: Define breakpoints and stacking behavior
Produci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione, regole di layout, guida al movimento e controlli di accessibilità chiari per uno sviluppo frontend coerente e scalabile. Fonte: supercent-io/skills-template.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/supercent-io/skills-template --skill design-systemProduci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione, regole di layout, guida al movimento e controlli di accessibilità chiari per uno sviluppo frontend coerente e scalabile. Fonte: supercent-io/skills-template.
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/supercent-io/skills-template --skill design-system 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/supercent-io/skills-template