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.
$npx -y skills add ibutters/claudecodeplugins --skill atomic-designInstalls into the current project.
Run `npx skills use "https://github.com/ibutters/claudecodeplugins" --skill "ibutters/claudecodeplugins/atomic-design"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/ibutters/claudecodeplugins" that are relevant to the current task. Run `npx skills add "https://github.com/ibutters/claudecodeplugins"` and select the relevant skills, then follow their instructions.