·frontend-design-system
</>

frontend-design-system

supercent-io/skills-template

Produisez des conceptions d'interface utilisateur de qualité production à l'aide de jetons de conception clairs, de règles de mise en page, de conseils de mouvement et de contrôles d'accessibilité pour un développement front-end cohérent et évolutif.

84Installations·2Tendance·@supercent-io

Installation

$npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system

SKILL.md

프로덕션 수준의 UI 디자인을 위한 스킬입니다. 명확한 디자인 토큰, 레이아웃 규칙, 모션 가이드라인, 접근성 체크를 통해 일관되고 확장 가능한 프론트엔드 개발을 지원합니다.

Issue: UI feels generic Cause: 시각적 방향이나 토큰 없음 Solution: 스타일 레퍼런스와 팔레트 제공

Issue: Layout breaks on mobile Cause: 반응형 그리드 규칙 없음 Solution: 브레이크포인트와 스태킹 동작 정의

Produisez des conceptions d'interface utilisateur de qualité production à l'aide de jetons de conception clairs, de règles de mise en page, de conseils de mouvement et de contrôles d'accessibilité pour un développement front-end cohérent et évolutif. Source : supercent-io/skills-template.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-18
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que frontend-design-system ?

Produisez des conceptions d'interface utilisateur de qualité production à l'aide de jetons de conception clairs, de règles de mise en page, de conseils de mouvement et de contrôles d'accessibilité pour un développement front-end cohérent et évolutif. Source : supercent-io/skills-template.

Comment installer frontend-design-system ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/supercent-io/skills-template