Skill
atlas-compose
Compose Atlas product UI from shadcn primitives with fail-closed gates. Use when building screens.
Atlasatlas-compose
Atlas compose
Compose product wholes from shadcn primitives under Atlas DNA.
Required loop (fail closed)
- Load
contracts/atlas/DESIGN.md+AGENTS.md. - Open this skill +
atlas-workbench. - Prefer a task recipe over freeform layout.
listapproved primitives — install missing vianpx shadcn@latest add ….- Remap icons to
@/lib/icons. - Compose under closed tokens (
bg-*,edge,depth-*, radius intents). - Done only when
npm run check:design(and platform/contrast as needed) is green. - Optional: MCP
get_contract→validate_uiif the session is tool-wired.
Anatomy
Surface [data-contract="atlas"]
├─ quiet chrome
├─ main (recipe-driven)
└─ optional object-bound AI rail
Done
- Reused primitives — no twin Button/Card/shell
- Matches Atlas MUST / MUST NOT
- Gates green