Menu
Design or review DESIGN.md, UI tokens, and component ownership.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Produce and approve one lean living Feature Brief after $he selects lifecycle work.
Route explicit lifecycle requests or genuinely complex or high-risk staged work through one living Feature Brief.
Run deterministic project gates, including worktree readiness.
Prove browser/device behavior and visual evidence.
Execute an approved PLAN one demonstrable vertical slice at a time until the actual implementation is green.
Turn a verified process failure into narrow durable prevention without blocking normal product delivery.
| name | atomic-ui |
| description | Design or review DESIGN.md, UI tokens, and component ownership. |
DESIGN.md + production token/theme/component owners.$he; this skill preserves accepted design during implementation/review.| Need | Action |
|---|---|
Missing/invalid/stale DESIGN.md + direct local UI edit | Reuse closest production owner; report context debt only if relevant |
Missing/invalid/stale DESIGN.md + eligible lifecycle/design-system work | Load design-md.md |
| Existing SSOT + local UI edit | Reuse closest token/primitive/component/layout owner |
Valid DESIGN.md + missing/duplicate production owners | Load system.md |
| React/Next implementation | Also $vercel-react-best-practices |
| Flutter + Riverpod implementation | Also $building-flutter-apps |
| Other Flutter implementation | Existing project design/style owners only |
| Real browser/device proof | $e2e |
$he-plan = desired flows/UX/prototype decision.$atomic-ui = production token/component/layout ownership evidence.$deterministic-checks = commands/scanners/gates.DESIGN.md valid/current + token/theme/component owner named.