Création de système de conception collaborative utilisant la méthodologie Atomic Design. Produit un artefact de spécification avec une philosophie, des jetons et une hiérarchie de composants. Activez-le lors de la création d'un système de conception, de la définition d'un langage visuel, de la spécification de jetons d'interface utilisateur ou de la planification de l'architecture des composants avant le début de la mise en œuvre.
Installez rapidement le skill IA design-system dans votre environnement de développement via la ligne de commande
Source : jwilger/agent-skills.
Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.
Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.
Decide the format before starting any design work. Do not switch formats mid-process.
Création de système de conception collaborative utilisant la méthodologie Atomic Design. Produit un artefact de spécification avec une philosophie, des jetons et une hiérarchie de composants. Activez-le lors de la création d'un système de conception, de la définition d'un langage visuel, de la spécification de jetons d'interface utilisateur ou de la planification de l'architecture des composants avant le début de la mise en œuvre. Source : jwilger/agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/jwilger/agent-skills --skill design-systemCréation de système de conception collaborative utilisant la méthodologie Atomic Design. Produit un artefact de spécification avec une philosophie, des jetons et une hiérarchie de composants. Activez-le lors de la création d'un système de conception, de la définition d'un langage visuel, de la spécification de jetons d'interface utilisateur ou de la planification de l'architecture des composants avant le début de la mise en œuvre. Source : jwilger/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/jwilger/agent-skills --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
https://github.com/jwilger/agent-skills