·design-systems
*

design-systems

Concevez des jetons, des échelles d'espacement, des systèmes de couleurs et une typographie pour créer des interfaces utilisateur cohérentes. À utiliser lors de la création de systèmes de conception, de thèmes ou de l'établissement des fondations de l'interface utilisateur.

7Installations·1Tendance·@moderndegree

Installation

$npx skills add https://github.com/moderndegree/agent-skills --skill design-systems

Comment installer design-systems

Installez rapidement le skill IA design-systems 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/moderndegree/agent-skills --skill design-systems
  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 : moderndegree/agent-skills.

This skill covers the foundational elements of design systems — design tokens, spacing scales, color systems, typography, and naming conventions that enable consistent user experiences.

Concevez des jetons, des échelles d'espacement, des systèmes de couleurs et une typographie pour créer des interfaces utilisateur cohérentes. À utiliser lors de la création de systèmes de conception, de thèmes ou de l'établissement des fondations de l'interface utilisateur. Source : moderndegree/agent-skills.

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/moderndegree/agent-skills --skill design-systems 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

Certifié sécurisé pour un code sûr et fiable Installation en un clic et configuration simplifiée Compatible avec Claude Code, Cursor, OpenClaw et plus

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/moderndegree/agent-skills --skill design-systems
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-11

Browse more skills from moderndegree/agent-skills

Réponses rapides

Qu'est-ce que design-systems ?

Concevez des jetons, des échelles d'espacement, des systèmes de couleurs et une typographie pour créer des interfaces utilisateur cohérentes. À utiliser lors de la création de systèmes de conception, de thèmes ou de l'établissement des fondations de l'interface utilisateur. Source : moderndegree/agent-skills.

Comment installer design-systems ?

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/moderndegree/agent-skills --skill design-systems 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/moderndegree/agent-skills