Agent Skillsjazzenchen/VibeAround › va-preview

va-preview

GitHub

用于通过 VibeAround 预览本地 Web 服务或 Markdown 文件。支持自动启动服务器、传递会话上下文,并返回分享链接与访问码,便于快速查看和共享可浏览的本地工件。

src/skills/cursor/va-preview/SKILL.md jazzenchen/VibeAround

Trigger Scenarios

用户请求预览本地运行的 Web 服务 用户请求预览 Markdown 文件 开发服务器启动后需要预览时 创建或更新 Markdown 文件后

Install

npx skills add jazzenchen/VibeAround --skill va-preview -g -y
More Options

Non-standard path

npx skills add https://github.com/jazzenchen/VibeAround/tree/main/src/skills/cursor/va-preview -g -y

Use without installing

npx skills use jazzenchen/VibeAround@va-preview

指定 Agent (Claude Code)

npx skills add jazzenchen/VibeAround --skill va-preview -a claude-code -g -y

安装 repo 全部 skill

npx skills add jazzenchen/VibeAround --all -g -y

预览 repo 内 skill

npx skills add jazzenchen/VibeAround --list

SKILL.md

Frontmatter
{
    "name": "va-preview",
    "alwaysApply": false,
    "description": "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."
}

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 agent_kind: "cursor". 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:

Tool: va_mcp_preview
Server: vibearound
Arguments:
  port: <local server port>
  cwd: "<current working directory>"
  thread_id: "<value of $VIBEAROUND_THREAD_ID if present>"
  agent_kind: "cursor"  (pass with session_id)
  session_id: "<exact current session ID if available>"
  title: "<short title>"  (optional)

For Markdown:

Tool: va_mcp_preview
Server: vibearound
Arguments:
  file: "<absolute path, or path relative to cwd>"
  cwd: "<current working directory>"
  thread_id: "<value of $VIBEAROUND_THREAD_ID if present>"
  agent_kind: "cursor"  (pass with session_id)
  session_id: "<exact current session ID if available>"
  title: "<document title>"  (optional)

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.

Version History

  • 1654259 Current 2026-09-03 02:50

    从 Live Preview 重构为 Preview,新增对 Markdown 文件的支持;优化了会话上下文传递机制(使用 thread_id),简化了端口管理和工作区注册流程。

  • e54feb7 2026-07-05 20:13

Same Skill Collection

src/skills/claude/agent-collaboration/SKILL.md
src/skills/claude/va-md-preview/SKILL.md
src/skills/claude/va-preview/SKILL.md
src/skills/claude/va-session/SKILL.md
src/skills/claude/vibearound/SKILL.md
src/skills/codex/agent-collaboration/SKILL.md
src/skills/codex/va-md-preview/SKILL.md
src/skills/codex/va-preview/SKILL.md
src/skills/codex/va-session/SKILL.md
src/skills/codex/vibearound/SKILL.md
src/skills/cursor/va-md-preview/SKILL.md
src/skills/cursor/va-session/SKILL.md
src/skills/cursor/vibearound/SKILL.md
src/skills/gemini/va-md-preview/SKILL.md
src/skills/gemini/va-preview/SKILL.md
src/skills/gemini/va-session/SKILL.md
src/skills/gemini/vibearound/SKILL.md
src/skills/kiro/va-md-preview/SKILL.md
src/skills/kiro/va-preview/SKILL.md
src/skills/kiro/va-session/SKILL.md
src/skills/kiro/vibearound/SKILL.md
src/skills/qwen-code/va-md-preview/SKILL.md
src/skills/qwen-code/va-preview/SKILL.md
src/skills/qwen-code/va-session/SKILL.md
src/skills/qwen-code/vibearound/SKILL.md
src/skills/va-md-preview/SKILL.md
src/skills/va-preview/SKILL.md
src/skills/va-session/SKILL.md
src/skills/vibearound/SKILL.md

Metadata

Files
0
Version
1654259
Hash
64ec9ed5
Indexed
2026-07-05 20:13

ホーム - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-10 05:48
浙ICP备14020137号-1 $お客様$