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

by iButters· Repository·design

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add iButters/ClaudeCodePlugins/plugins/ui-kit-generator/skills/atomic-design

Source

Repo:SkillsMP + GitHub Raw

Path:plugins/ui-kit-generator/skills/atomic-design(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...