Multi-step form with progress, validated transitions, and a review step.
A guided multi-step form. Step indicator at the top with a clear current/done/upcoming state. Each step validates before letting the user advance. A final review step shows everything before the commit so the user has a chance to back up.
Each section pre-wired with the right CleenUI primitives. Swap, remove, or extend any of them — the template is a starting point, not a constraint.
Linear progress across N steps; current step bold, done steps checked.
The fields for the current step; renders one step at a time.
Back (ghost) + Next (primary). Next disables until validation passes.
Final step — a summary of all answers + Confirm + Edit-this-section affordances.
All of these are in the catalog — the Builder skill imports them automatically. Each chip links to that component's page.
When the Builder skill scaffolds this template for you, these are the fields it asks about — or infers from your prompt.
Ask your AI agent to scaffold this template in your project — the Builder skill knows the Wizard layout and the components it uses.
Two paths to your first component. Pick the one that fits how your team builds.
One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.
The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.