Union Street Design

Use this skill when

Use when redesigning Seed UI, brand tokens, landing pages, dashboard surfaces, docs/API reference pages, typography, colors, spacing, or component styling to match the Union Street AI design repo.

Workflow

1. Read references/workflow.md to choose the right redesign surface.
2. Use references/tokens.md as the visual source of truth.
3. Apply tokens through app/globals.css, lib/brand.ts, and existing shadcn/Tailwind primitives before creating new components.
4. Keep orange sparse: one or two laser accents per screen.
5. Validate with visual review plus lint/typecheck/build when the local toolchain permits.

Skill graph

Read references/graph.md for routing. Related skills: next-best-practices, setup-product, testing-infra, vercel-deployment.

References

• references/workflow.md: surface-specific redesign workflow.
• references/tokens.md: colors, type, spacing, radii, and usage rules.
• references/source-map.md: source files in UnionStreetAI/design and Seed targets.
• references/graph.md: related skills and handoff boundaries.

Scripts

See scripts/README.md. Run the inspector before broad visual refactors.

Assets

See assets/README.md for redesign checklists and evals.