atomic-design
✓Atomic Design methodology for React component architecture. Use for structuring component libraries, organizing UI hierarchies, and creating scalable design systems. Triggers on requests for component organization, design system structure, UI hierarchy, or questions about Atoms/Molecules/Organisms/Templates/Pages.
Installation
SKILL.md
Molecules Combine atoms into functional units with single responsibility.
Examples: Header, Footer, ProductCard, CommentSection, Sidebar, DataTable
Templates Page-level layouts without real content. Define structure only.
Atomic Design methodology for React component architecture. Use for structuring component libraries, organizing UI hierarchies, and creating scalable design systems. Triggers on requests for component organization, design system structure, UI hierarchy, or questions about Atoms/Molecules/Organisms/Templates/Pages. Source: ibutters/claudecodeplugins.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is atomic-design?
Atomic Design methodology for React component architecture. Use for structuring component libraries, organizing UI hierarchies, and creating scalable design systems. Triggers on requests for component organization, design system structure, UI hierarchy, or questions about Atoms/Molecules/Organisms/Templates/Pages. Source: ibutters/claudecodeplugins.
How do I install atomic-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/ibutters/claudecodeplugins
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01