temps-design-system
Installation
SKILL.md
Temps design system
The design system is a sandbox app plus a component package. Everything a UI task needs is in the repo; do not invent tokens, colours or page shapes.
| What | Where |
|---|---|
| Rules digest for agents (read first, imperative, short) | design-system/docs/RULES.md |
| Brand guidelines (why the rules exist) | design-system/docs/brand-guidelines.md |
| Handoff: tokens, primitive catalogue, page templates, responsive, keyboard | design-system/docs/design-system-handoff.md |
| Component package consumed by screens | web/packages/ds (@temps-sdk/ds) |
Consumer setup (a plugin, an outside app): install, op.css, @source, the skin class, fonts |
web/packages/ds/README.md |
| Reference implementation of every screen | design-system/src/sections/ConsoleV1*.tsx |
| Browsable guide, component gallery, console mockups | cd design-system && bun install && bun run dev → /guide, /op-components, /v1 |