temps-design-system
FeaturedClassify a console screen (list/record/form), build it on @temps-sdk/ds templates and the shared shadcn primitives in @temps-sdk/ui, and follow the console's status vocabulary and status colour rules. Use for any new or changed console UI in web/src, and when building or extending web/packages/ds itself.
Install
Quality Score: 92/100
Skill Content
Details
- Author
- gotempsh
- Repository
- gotempsh/temps
- Created
- 11 months ago
- Last Updated
- today
- Language
- Rust
- License
- Apache-2.0
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
design-system
Defines the project design system — principles, --ds-* tokens (colour roles, spacing, type, radius, motion) for light/dark, component inventory with states and aria patterns, mapping to Angular Material / Taiga UI / Vue kits, game HUD rules. Produces docs/specs/design-system.md and a tokens CSS draft.
design-system
The project's UI design system (rules, tokens, component recipes in design-system/). Use BEFORE creating or changing any UI - HTML, CSS, JSX/TSX, Vue/Svelte templates, Tailwind classes, landing pages, emails, charts. Also use to build or rebuild the design system from a reference website URL.
frontend
Interface conventions — which design system to use, where types and data come from, mandatory states, theming, permissions as UX rather than as a barrier. Researches the docs for the exact version when a library's API is uncertain, requires TDD and validates in the browser. Use when touching anything visual or stateful.