Agent Skillsjazzenchen/VibeAround › va-preview

va-preview

GitHub

通过 VibeAround MCP 服务预览本地 Web 服务器或 Markdown 文件。支持自动启动开发服务器、传递会话上下文,并生成带访问码的分享链接,适用于代码开发和文档查看场景。

src/skills/qwen-code/va-preview/SKILL.md jazzenchen/VibeAround

Trigger Scenarios

用户请求预览本地运行的 Web 应用 创建或更新 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/qwen-code/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",
    "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. Only available when the VibeAround MCP server is connected."
}

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: "qwen-code". 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: "qwen-code"  (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: "qwen-code"  (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:51

    重构为单技能模式,整合Server和Markdown预览流程;移除主动询问逻辑,改为直接调用;新增conversation identity及server review bridge功能。

  • e54feb7 2026-07-05 20:14

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-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-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
b136f8f7
Indexed
2026-07-05 20:14

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