browser-preview
browser preview
Claude Code
What it does
- Each previewserve call creates one Preview tab
- URL format: https://<host>/preview/{id}/
- Preview panel has a ⋮ menu (top-right) showing "RUNNING SERVICES" list
- Preview tab can be closed by the user without stopping the backend service
- Backend service stopping → Preview tab shows an error page
- NEVER tell the user to visit http://localhost:{port} or http://127.0.0.1:{port} — they cannot reach it
- ALWAYS direct users to the preview URL: /preview/{id}/ (or the full URL https://<host>/preview/{id}/)
Requirements & configuration
- If you need to give the user a URL, use the url field returned by previewserve (format: /preview/{id}/)
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
browser-preview FAQ
What does the browser-preview skill do?
| Preview panel and iframe diagnostics: registry, ports, paths, blank screens. Each previewserve call creates one Preview tab URL format: https://<host>/preview/{id}/
What does browser-preview require?
If you need to give the user a URL, use the url field returned by previewserve (format: /preview/{id}/)
How do I install browser-preview?
Run: npx -y skills add https://github.com/starchild-ai-agent/official-skills --skill browser-preview --agent claude-code — the source lives at github.com/starchild-ai-agent/official-skills.
Maintain browser-preview?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[browser-preview on getagentictools](https://getagentictools.com/skills/starchild-ai-agent-official-skills-browser-preview?ref=badge) npx agentictools info skills/starchild-ai-agent-official-skills-browser-preview The second line is the CLI lookup for this page — handy in READMEs and docs.
