Operational map
Workflows
From problem to delivery: choose a stage and open the workflow you need.
Analyze competitors and references
Compare solutions, messages and paths to formulate design opportunities.
Frame the problem
From a request to a design brief with evidence, constraints and questions.
Visual research · patterns and style
Select comparable UI or style references and deliver the assigned comparison or moodboard.
Define the experience to explore
Scope, hypotheses and observable criteria before the prototype.
Positioning, messages and copy
Connect audience, value and language to screens and prototypes.
Explore and choose a direction
A VariantHub comparison that ends with an explicit decision.
From requirement to verifiable flow
Evidence, stories, journeys, flows and scenarios without duplicating canonical text.
Build and document the design system
Visual policy, local primitives, shared patterns and contributions.
Build a rapid prototype in code
Use components, Tailwind and shadcn to let people try a design hypothesis.
Verify the prototype and test it with users
From interface review to observations that guide the next iteration.
Share design and contribute through PRs
Give the team the expected experience, evidence, prototype limitations and documented components.
A design route, from analysis to handoff
Connect research, marketing, experience, prototypes, user testing and design systems.
R01 · Patch
Apply a precise, reversible fix to code or Paper nodes and check the result.
R03 · Decide with the user
Resolve one open decision with the user through a few substantively different options.
R04 · Build
Implement an approved direction or a selected canvas in code and verify it at the stage's rigor.
R05 · Explore alternatives
Produce comparable Paper alternatives fast, let the user pick or iterate, then record the selection.
R07 · Staged delivery
Carry one mandate through UX, canvas and code up to the recorded stopAfter, with shared budget and stage-appropriate checks.
R08 · Council
Collect independent research, UX and visual proposals on one consequential decision, then decide or ask.
R09 · VariantHub on explicit request
Use VariantHub for code alternatives only when the user explicitly selects it.