vois-patterns
Picks the right container structure before you write a single line of code.
What it does
Vois Patterns decides the structure before anyone writes a line of code: which container fits the job — dialog, drawer, table, full page — and what rules govern it once picked. It runs before vois-tokens applies styling and hands every word of copy off to righter, so structure, style, and language never fight each other.
What you give it
- What the user is trying to do
Describe the user action: editing a record, confirming a destructive action, reviewing a dashboard, submitting a form. One sentence is enough.
What you get back
- Container type decision
A path ID from the decision tree with confidence score and one-sentence reasoning for why this structure fits the job.
- Template rules
Structural constraints that apply to the chosen container: layout rules, scroll behavior, action placement, and mobile handling.
How it connects
Skills that call into or pair with this one. Click a node to open it.
See it rendered
Static previews from the Claude Design edition of this skill. Free to browse, no install required.
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.
Free on Figma
Structural decision trees for settings pages, forms, tables, dialogs, and pricing pages: the page architecture calls to make before you touch a single component.