jazzenchen/vibearound/va-preview
Claude Code and agent skill by jazzenchen/vibearound
- community
Checking that the SKILL.md file is still in the repository.
Start a VibeAround Preview for either a running local web server or a Markdown file. Use after starting a dev server, after creating or updating Markdown, or when the user asks to preview a browsable artifact. Only available when the VibeAround MCP server is connected.
Install
npx vskill@latest install jazzenchen/vibearound/va-previewSKILL.md
VibeAround Preview
Preview exactly one local source through VibeAround: a running web server or a Markdown file.
Workflow
1. Prepare one source
- Server: Reuse the intended server when it is still running. Otherwise start it with the framework's automatic port selection and wait until it is reachable at
127.0.0.1:<port>. VibeAround registers that port in memory; closing that Preview or the daemon kills the process currently listening there. - Markdown: Verify that the requested file exists. No separate static-file server is needed.
VibeAround never restores a Preview after restart; call va_mcp_preview again when needed. Registered Server ports are cleaned at shutdown and again at the next startup if shutdown was interrupted.
2. Add optional conversation identity
Pass $VIBEAROUND_THREAD_ID when present. If an exact current session ID is readily available, pass it with the current agent ID. Both are optional; do not delay or block Preview when either is unavailable. These fields only let Preview chat inherit the current task as context. They never control Preview or server lifetime.
3. Call va_mcp_preview
Pass exactly one of port or file, plus cwd.
For a server:
For Markdown:
If the workspace is not registered, call va_mcp_register_workspace with cwd, then retry.
4. Relay returned links
Present every owner and Share URL returned by the tool. Include the six-digit access code and exact remaining lifetime with a Share. The Share URL and code expire together and the code can be reused by multiple viewers until expiry. Do not construct URLs yourself.
Server consent and transport
Do not add an agent-side risk preflight. Before a Server iframe is created, the Preview page itself asks the user once per Preview and browser session to acknowledge that the local server may contain unknown code.
Remote owner traffic is forwarded only to 127.0.0.1:<registered-port>, including ordinary HTTP methods, request bodies, and WebSocket/HMR traffic. The public Share remains a narrower read-only view.
Optional server review bridge
Only when the user asks to review or comment on a server preview, add the exact dev-only <script> tag returned by the tool. Do not add it proactively or ship it in a production build.
Errors
- If the MCP server is unavailable, ask the user to start VibeAround.
- If a server is unavailable, verify that the returned port is listening.
- If a file cannot be previewed, verify that it exists and is readable.
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewNot runA model review is scheduled for the next rescan.
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingsrc/skills/va-preview/SKILL.md
Popularity
- Repository stars
- 516
- Repository forks
- 54
- 7-day trend score
- 31
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/jazzenchen/vibearound/va-preview)