·design-system
*

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.

2.8KInstallations·22Tendance·@supercent-io

Installation

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

Comment installer design-system

Installez rapidement le skill IA design-system dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/supercent-io/skills-template --skill design-system
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

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.

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 design-system
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-07
Mis à jour
2026-03-10

Browse more skills from supercent-io/skills-template

Réponses rapides

Qu'est-ce que 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 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 design-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

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