vibe21-web-previewView as Markdown
vibe21-web-preview
Opens a live preview of the site. The server stays out of the way. You watch how changes are applied.
Need Node.js and pnpm. If either is missing, run vibe21-system-check first.
When to use it
Run it after vibe21-web-new, or any time you want to see the current site without touching the stack yourself.
How to run it
/vibe21-web-preview
The agent starts pnpm dev in the background and reports the URL. It does not open a browser unless you ask.
What happens
- If
http://localhost:3000already responds, the skill reuses that server. A second process is not started. - If
node_modulesis missing,pnpm installruns first. The agent does not ask. - The default URL is
http://localhost:3000. If Next.js prints another Local URL, that one is used. - Edits from later skills appear in the same preview.
This is step 04 in the quick start. After it is live, you vibe.