Conception atomique de Brad Frost pour la hiérarchie des composants de l'interface utilisateur : atomes, molécules, organismes, modèles. Activez-le lors de la création d'interfaces utilisateur, de la création de systèmes de conception, de l'organisation des composants ou de la structuration du code frontal. S'applique à n'importe quel framework d'interface utilisateur (React, Vue, SwiftUI, etc.).
Installez rapidement le skill IA atomic-design dans votre environnement de développement via la ligne de commande
Source : jwilger/agent-skills.
Value: Simplicity and communication. Building UI from small, named, composable pieces makes the interface understandable to everyone on the team and prevents the complexity that comes from monolithic components.
Teaches how to organize UI components into a hierarchy of increasing complexity: atoms, molecules, organisms, and templates. Each level has clear responsibilities and composition rules. The outcome is a component system where every piece is reusable, testable in isolation, and named in a shared vocabulary.
Start with the smallest reusable elements and compose upward. Never skip a level.
Conception atomique de Brad Frost pour la hiérarchie des composants de l'interface utilisateur : atomes, molécules, organismes, modèles. Activez-le lors de la création d'interfaces utilisateur, de la création de systèmes de conception, de l'organisation des composants ou de la structuration du code frontal. S'applique à n'importe quel framework d'interface utilisateur (React, Vue, SwiftUI, etc.). Source : jwilger/agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/jwilger/agent-skills --skill atomic-designConception atomique de Brad Frost pour la hiérarchie des composants de l'interface utilisateur : atomes, molécules, organismes, modèles. Activez-le lors de la création d'interfaces utilisateur, de la création de systèmes de conception, de l'organisation des composants ou de la structuration du code frontal. S'applique à n'importe quel framework d'interface utilisateur (React, Vue, SwiftUI, etc.). 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 atomic-design 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