Skip to content

Claude-Design Package

Drop-in materials for a Claude design pass on the Untool.ai / frontend-core UI.

Load this

BRIEF.md — the single self-contained file to paste into Claude design. It has the product, the chosen direction (shadcn base), hard constraints (AA, light/dark, RSC, density), the current oklch token set to evolve, the components in scope, and exactly what to hand back.

Supporting context (optional, same repo)

File What it adds
../DECISION-shadcn-vs-inhouse.md Why shadcn was chosen over the in-house attempt (Option C).
../STATUS.md Full program state + history.
../../decisions/ARC-ADR-008-frontend-design-system.md The ratified decision record.
app/tailwind.css (repo root) The live shadcn token layer to modify.
route /design-system The live primitive gallery to redesign against.

After Claude design returns

Hand the token proposal + mockups back here. The shadcn base is already wired, so a token-level identity drops in directly; the data-viz primitives (Sparkline/Numeric/SmallMultiples/Annotation) get their visual treatment and come off the holding branch.