Tool guide

Using UIVibes with Bolt

StackBlitz's in-browser builder — best one component at a time.

Paste workflow

The Boltworkflow

  1. Open your Bolt project, or start a fresh one at bolt.new.

  2. Paste the AI Prompt tab content into the Bolt chat.

  3. Let Bolt install any dependencies it detects from the imports automatically.

  4. Check the live preview in Bolt's in-browser sandbox, and ask it to fix any red squiggles before moving on.

Gotchas

Known gotchas

What to watch for once the prompt is in Bolt — none of these block the build, they just save a round trip.

  • Bolt's sandbox runs entirely in-browser — paste one component at a time rather than batching several prompts in one message.
  • It auto-installs npm dependencies it detects in the code, but double-check `clsx` and `tailwind-merge` landed if `cn()` throws.
  • It restarts its dev server on every file write, so expect a short reload between the paste and the first live preview.

Availability

Universal, unless it isn't

universal.md is written to build cold in every supported tool, so it's the only prompt that exists for most components today.

A tool-specific variant only gets added once the universal prompt demonstrably fails in that tool — see the quickstart for what's inside a prompt either way. When a Bolt-specific variant exists for a component, its prompt tab will show it automatically; until then, the universal prompt is the one to paste.

Browse components