Produci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione chiari, regole di layout, guida al movimento e controlli di accessibilità per uno sviluppo frontend coerente e scalabile.
Installa rapidamente la skill AI frontend-design-system nel tuo ambiente di sviluppo tramite riga di comando
Fonte: supercent-io/skills-template.
프로덕션 수준의 UI 디자인을 위한 스킬입니다. 명확한 디자인 토큰, 레이아웃 규칙, 모션 가이드라인, 접근성 체크를 통해 일관되고 확장 가능한 프론트엔드 개발을 지원합니다.
Issue: UI feels generic Cause: 시각적 방향이나 토큰 없음 Solution: 스타일 레퍼런스와 팔레트 제공
Issue: Layout breaks on mobile Cause: 반응형 그리드 규칙 없음 Solution: 브레이크포인트와 스태킹 동작 정의
Produci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione chiari, regole di layout, guida al movimento e controlli di accessibilità 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 frontend-design-systemProduci progetti di interfaccia utente di livello produttivo utilizzando token di progettazione chiari, regole di layout, guida al movimento e controlli di accessibilità 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 frontend-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