stave-design-system
OfficialApply Stave's desktop-first design system.
Authorsendbird-playground
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Inconsistent UI, layouts, and prompts across the Stave repo lead to fragmented user experiences. This Skill standardizes the desktop-first design system so UI changes, themes, dialogs, sidebars, and empty states align with a single visual language.
Core Features & Use Cases
- Leverage shadcn/ui components and the radix-vega preset as the default building blocks to ensure consistent controls, dialogs, and overlays.
- Provide governance for design-token usage, token-driven theming, and glass depth rules to maintain a cohesive look across surfaces.
- Guide prompts that involve designing or polishing UI elements (e.g., "UI", "sidebar", "dialog", "settings"), ensuring all changes respect Stave's design system.
Quick Start
Apply the Stave design system to the current UI surface following the shadcn preset and token guidance.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: stave-design-system Download link: https://github.com/sendbird-playground/stave/archive/main.zip#stave-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.