vois-tokens
Enforces Vois design system rules when building UI with shadcn/ui, Tailwind v4, and Motion.
What it does
Vois Tokens enforces the design system's rules while you build: spacing, typography, color tokens, component architecture, animation, and accessibility, applied to shadcn/ui, Tailwind v4, and Motion. Every deviation from the system gets flagged instead of guessed at, and it logs which rules it applied so gaps in the system surface on their own.
What you give it
- UI to build or review
Describe the component, page, or pattern you're working on. Include any existing code if you have it.
What you get back
- Rule-compliant UI code
Code that applies Vois spacing, typography, color tokens, component architecture, animation, and accessibility rules. Every deviation from the system is flagged rather than guessed.
- Rule usage log
A vois_record_rule_usage call listing every rule ID applied, with violated or ambiguous rules flagged for system improvement.
How it connects
Skills that call into or pair with this one. Click a node to open it.
Premium — part of the Vois app
This skill runs inside the Vois app, connected to Vois Loop and Vois Router's MCP tools. It isn't available as a standalone download.