← ClaudeAtlas

ux-atomic-designlisted

Atomic Design component taxonomy sub-skill for the /user-experience parent skill. Implements Brad Frost's 5-level component hierarchy (Atoms, Molecules, Organisms, Templates, Pages) for design system architecture. Produces component inventories, design token audits, composition rules, and Storybook coverage reports. Invoke when teams need component taxonomy construction, design system architecture, Storybook integration, design token consistency analysis, or component reuse auditing. Invoked by ux-orchestrator during Wave 3 lifecycle-stage routing or when user intent is "Building component system" during the "During design" stage. Triggers: atomic design, component taxonomy, design tokens, Storybook, atoms molecules organisms, design system, component inventory, component library.
geekatron/jerry · ★ 30 · Web & Frontend · score 71
Install: claude install-skill geekatron/jerry
<!-- VERSION: 1.2.0 | DATE: 2026-03-04 | SOURCE: skills/user-experience/SKILL.md | PARENT: /user-experience skill | REVISION: iter3 quality gate fixes — evidence quality (Phase 5 Activity 3 maturity thresholds labeled as heuristics with drift-ratio-based token governance criteria), actionability (Phase 5 Activity 3 coverage metric specified as component coverage from Phase 4 Activity 1; Phase 1 Activity 2 wave entry verification evidence source added) --> # Atomic Design Sub-Skill > **Version:** 1.2.0 > **Framework:** Jerry User-Experience -- Atomic Design > **Constitutional Compliance:** Jerry Constitution v1.0 > **Parent Skill:** `/user-experience` (`skills/user-experience/SKILL.md`) > **Wave:** 3 (Design System) > **Project:** PROJ-022 User Experience Skill | GitHub Issue [#138](https://github.com/geekatron/jerry/issues/138) ## Document Sections | Section | Purpose | |---------|---------| | [Document Audience](#document-audience-triple-lens) | Triple-Lens audience guide | | [Purpose](#purpose) | Sub-skill overview and key capabilities | | [When to Use This Sub-Skill](#when-to-use-this-sub-skill) | Activation triggers and scope boundaries | | [Available Agents](#available-agents) | Single agent with role, model, and output location | | [P-003 Compliance](#p-003-compliance) | Worker agent hierarchy position | | [Invoking the Agent](#invoking-the-agent) | Invocation via ux-orchestrator | | [Methodology](#methodology) | Brad Frost's 5-level hierarchy, design tokens, compos