video2code

Plugin video2code from marketplace zcode-plugins-zh in kael-odin/zcode-plugins-zh. Commands read from the repo's manifest — 9 days ago.

Skills (6)

• env-setup

  Check and provision the video2code plugin environment: Python/MCP/video packages, ffmpeg/ffprobe, Node/npm, registry, and webapp cache. Browser interaction and recording use ZCode's built-in Browser Use WebView, so Playwright and external Chromium are intentionally not installed.

• url2video

  Record a live website with ZCode's built-in Browser Use WebView (native WebM), then transcode it to MP4 with ffmpeg. Use when a task starts from a URL and asks to record, capture, replicate, clone, 录制, 录屏, 复刻, 复现, or 还原 the site. Produces a recordings/name.mp4 deliverable (intermediate .webm kept) w

• video2code-3d

  3D/WebGL extension for the video2code workflow. Load this ADDITIONALLY (a third Skill call, alongside video2code + web-replicate) whenever the reference page is a WebGL/three.js scene — true 3D perspective/depth, particle fields, volumetric light or glow, shader backgrounds, camera flythroughs, or r

• video2code

  Replicating a webpage shown in a screen-recording video — layout, visual style, interactions, and animations. Use whenever the task provides a recording (mp4, webm, mov, etc.) of a website and asks to recreate / reproduce / replicate / clone / build the page shown in it (复刻 / 复现 / 还原). Load this ski

• video2fullstack

  Replicating a website shown in an operation-recording video as a FULL-STACK project — frontend (layout, style, interactions, animations) AND a real backend (HTTP API + persistent storage) that reproduces the server-side behavior the video demonstrates (SKU/price coupling, cart persistence, validatio

• web-replicate

  Tools for building modern React webapps with TypeScript, Tailwind CSS and shadcn/ui. Best suited for applications with complex UI components and state management. Used by the video2code replication workflow to scaffold the project.

Slash commands (4)

• /video2code:env-check

  体检本机环境并装齐缺失依赖 — Python 视频包/ffmpeg/Node/registry 连通性；浏览器录制由 ZCode 内置 Browser Use 提供

• /video2code:record

  用 ZCode 内置 Browser Use WebView 把网站 URL 的动效录成 WebM 再用 ffmpeg 转 MP4 — 踩点→编排动作→录制→转码→审片

• /video2code:replicate-fullstack

  全栈复刻一段操作录屏 — 观察(含后端行为)→切片→计划(含 Backend design)→构建(前端 web-replicate 脚手架 + Express/sqlite 后端)→录像+curl 双叉验证, 产出 out/plan.md、out/verify.jsonl、out/report.md 三件套

• /video2code:replicate

  复刻一段网页录屏 — 观察→切片→计划→构建→录像对照验证, 产出 out/plan.md、out/verify.jsonl、out/report.md 三件套

MCP servers (2)

• runtime

  runs: python3 ${CLAUDE_PLUGIN_ROOT}/mcp/runtime_server.py

• video

  runs: python3 ${CLAUDE_PLUGIN_ROOT}/mcp/video_server.py

Hooks (5)

• SessionStart

  python3 "${CLAUDE_PLUGIN_ROOT}/hooks/env_check.py"

• UserPromptSubmit

  python3 "${CLAUDE_PLUGIN_ROOT}/hooks/check_video_input.py"

• UserPromptSubmit

  python3 "${CLAUDE_PLUGIN_ROOT}/hooks/check_url_input.py"

• PreToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/hooks/check_plan_first.py"

• Stop

  python3 "${CLAUDE_PLUGIN_ROOT}/hooks/check_closeout.py"

Similar plugins