stave-design-system - Stave desktop-first design system guidelines
Applies Stave desktop-first design system and shadcn components for UI, layout, theme, and visual UX tasks.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply Stave desktop design system
- Use existing shadcn components
- Generate missing shadcn components
- Apply semantic CSS color tokens
- Verify light and dark themes
- Ensure visible keyboard focus states
Inputs
- UI design tasks or prompts
- components.json configuration
- shadcn component inventory
- CSS custom property tokens
Outputs
- Updated UI components
- Generated shadcn component files
- Re-exported components in index.ts
- Updated UI documentation
Requirements
- Bun runtime
- shadcn CLI tool
- Claude or Codex tool compatibility