Menu
Start a live preview so the user can see your work in their browser or phone. Use after starting a dev server or creating HTML files.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Codex only: initialize and wait for VibeAround Codex subagents in a multi-agent coding turn. Use when the user's message starts with "subagent=", especially "subagent=parallel".
Codex only: preview a markdown file from a Codex session with beautiful GitHub-style rendering. Use after creating or updating markdown documents like README, docs, or reports. Only available when the VibeAround MCP server is connected.
Codex only: start a live preview from a Codex session so the user can see your work in their browser or phone. Use after starting a dev server or creating HTML files. Only available when the VibeAround MCP server is connected.
Codex only: resolve the current Codex session ID for VibeAround tools. Called by va-preview and vibearound handover when running in Codex.
Codex only: hand over the current Codex coding session so the user can continue via any IM channel connected to VibeAround. Use when the user says "/vibearound handover", "hand over this session", "continue on my phone", or similar session transfer requests.
Resolve your current session ID for use with other VibeAround tools. Called by other skills that need session context (e.g. va-preview, vibearound handover).
| inclusion | always |
| name | va-preview |
| description | Start a live preview so the user can see your work in their browser or phone. Use after starting a dev server or creating HTML files. |
Start a live preview so the user can see your work via a shareable URL.
Use the /va-session skill to resolve your current session ID.
Tool: preview
Server: vibearound
Arguments:
port: <port>
cwd: "<current working directory>"
session_id: "<session_id from step 2>" (pass if available)
title: "<description>" (optional)
Always show both Owner and Share URLs. Never omit either link.
Format:
Preview ready:
- Owner: <owner_url>
- Share: <share_url> (expires in 10 min)
After you finish building a web application, HTML page, or any browsable artifact, start a live preview so the user can see the result immediately via a shareable URL.
Proactive behavior: After starting a dev server or creating a web artifact, proactively ask the user if they'd like a preview link (e.g. "Want me to generate a preview link so you can see it on your phone?"). If the user confirms, call preview. Do NOT call the tool without asking first.
The VibeAround MCP server must be connected (server name: vibearound). If not available, tell the user to start the VibeAround desktop app.
Before calling preview, make sure:
lsof -i :<port> should return nothing--host 0.0.0.0 when available for broader compatibilityTool: preview
Server: vibearound
Arguments:
port: <the port your server is running on>
cwd: "<current working directory>"
title: "<short description of what you built>" (optional)
If the tool says the workspace is not registered, call register_workspace with the cwd first, then retry.
Include the returned URL in your reply. The user can tap it to see the live preview in their browser or phone. The link expires in 5 minutes.
register_workspace first, then retry.lsof -i :<port> and choose a different port.