Skills

Web Preview

Emit a hidden preview marker so the right-panel Browser tab opens a Load-preview card...

Install

npx skills add kirodotdev/KiroCrew --skill web-preview -g -a claude-code -y
Repository
kirodotdev/KiroCrew4.7k
Category
Engineering
Updated
3d ago
License
Apache-2.0
Context cost
Lightabout 835 tokens
Runs scripts
No, instructions only

What it does

Emit a hidden preview marker so the right-panel Browser tab opens a Load-preview card for a local server URL. Use whenever you start a dev or static server the user should see (Vite, Next, `npm run dev`, `python -m http.server`, etc.).

Web Preview marker

KiroCrew's chat right-side panel has a Browser tab (+ menu → Browser) that embeds a URL in a live iframe. When you start a local web server so the user can preview a site/app, tell the dashboard which URL to load by emitting a single hidden marker in your reply.

The marker

Emit exactly this, on its own line, once the server is confirmed listening:

<!-- kirocrew:preview url="http://127.0.0.1:PORT" -->
Read the whole SKILL.md on GitHub

More in Engineering