Tools

Choose the tool

Where to define intent, compare alternatives and try the experience.

Status
Observed
Last reviewed
2026-10-10
Source
ToolPurposeDoes not replace
UX PlannerPersonas, journeys, flows and stories in the repositoryResearch or product decisions
VariantHubCompare alternative implementationsThe approved component catalog
StorybookShared tokens, components, states and interactionsExploratory comparison
AI coding toolsClaude Code, Codex or OpenCode: reconstruct context, write and verify with skills and agentsThe canonical source of decisions
FigmaA design and handoff surface when chosen by the teamCanonical documents in code
GitHubVersion design artifacts and propose contributions through PRsThe lasting explanation of the method

Tools remain in their own repositories. The playbook preserves why and when to use them, commands verified in sources and responsibility boundaries.

Share design and contribute through PRs

Give the team the expected experience, evidence, prototype limitations and documented components.

UX Planner

The local application and authoring contract are two parts of the same flow.