Agent skill

Web Demo Video Synthesis

by Sven-LI-sankyuu in Sven-LI-sankyuu/presentation-skills

用于“网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”的 workspace 协作流程:先搭建一个可审计工作目录(cues/timeline/segmentaudio/video/subtitles/final),再由人类 + Codex 迭代维护这些文件,按需只重跑局部步骤,最终合成高质量 MP4。适用于强调可复盘、可编辑、清晰度与字幕安全区可控的场景。

No licenceAuto-check passedMedia & Creative

Install Web Demo Video Synthesis

skills CLI
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill web-demo-video-synthesis -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Sven-LI-sankyuu/presentation-skills web-demo-video-synthesis --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/web-demo-video-synthesis .claude/skills/web-demo-video-synthesis && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
web-demo-video-synthesis
GitHub stars
175
Token cost
~3.2k tokens
SKILL.md length
558 words
Files
19 (incl. scripts, references)
Skills in repo
5
Repo updated
First seen
Licence
None found

At a glance

用于“网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”的 workspace 协作流程:先搭建一个可审计工作目录(cues/timeline/segmentaudio/video/subtitles/final),再由人类 + Codex 迭代维护这些文件,按需只重跑局部步骤,最终合成高质量 MP4。适用于强调可复盘、可编辑、清晰度与字幕安全区可控的场景。

  • Works in 5 steps: 先锁定文案,再执行技术流水线。 → 语音必须按段生成(每段独立可重试,可定位失败)。 → timeline.json 是全链路主键:录屏、音频编排、字幕都基于它。 → …
  • Tasks that involve Video production
  • SKILL.md covers 核心原则, 网页演示设计偏好(默认建议), 文案与读音(中文 TTS 经验) and 依赖与安装(独立发布必需), plus 12 more sections
  • Runs Python, Shell and JavaScript scripts from its folder; calls python3, bash and npx; reaches help.aliyun.com and nls-portal.console.aliyun.com

What it does

Web Demo Video Synthesis is an agent skill from Sven-LI-sankyuu/presentation-skills. 用于“网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”的 workspace 协作流程:先搭建一个可审计工作目录(cues/timeline/segmentaudio/video/subtitles/final),再由人类 + Codex 迭代维护这些文件,按需只重跑局部步骤,最终合成高质量 MP4。适用于强调可复盘、可编辑、清晰度与字幕安全区可控的场景。

Its SKILL.md is about 3.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 21 other files, including scripts and reference files (for example `agents/openai.yaml`, `package.json` and `references/quality_tuning.md`).

It sits in Media & Creative, covering Video production, Text to speech and voice and Transcription. It works with Python. The repository describes itself as: 面向 Codex CLI 的演示工作流 skills 集合,包括商业级可编辑 PPT 协作与网页 demo 配音视频合成等可复盘、可复用流程。A Codex CLI skill collection for reusable presentation workflows, covering editable PPT diagram…

When your agent uses it

  • Tasks that involve Video production
  • Tasks that involve Text to speech and voice
  • Tasks that involve Transcription

Example prompts

  • “网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”
  • “/web-demo-video-synthesis”

Requirements

  • Python 3
  • Node.js
  • A Bash shell

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 先锁定文案,再执行技术流水线。
  2. 语音必须按段生成(每段独立可重试,可定位失败)。
  3. timeline.json 是全链路主键:录屏、音频编排、字幕都基于它。
  4. 录屏阶段输出“无字幕母带”,字幕在最终合成阶段统一烧录。
  5. 禁止静默降级:缺参数、schema 错误、时序冲突必须直接报错。

What it can do on your machine

Read from SKILL.md and the folder at commit 1182af5. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 10 files in scripts/ (Python, Shell and JavaScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • python3
    • bash
    • npx
    • pip
    • npm
    • node
    • ffmpeg

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • help.aliyun.com
    • nls-portal.console.aliyun.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Web Demo Video Synthesis loads about 3.2k tokens when it runs, and up to ~8.1k if it reads all its reference files. Until then it costs about 54 tokens; SKILL.md has 558 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~54
When it runs · the whole SKILL.md, loaded when a task matches
~3.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~8.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 558 words (~3,198 tokens).

name
web-demo-video-synthesis

Read the full SKILL.md on GitHub

Files

SKILL.md and 18 other files (scripts, references) in web-demo-video-synthesis of Sven-LI-sankyuu/presentation-skills.

  • SKILL.md
  • .gitignore
  • agents/openai.yaml
  • package.json
  • references/quality_tuning.md
  • references/steps_schema.md
  • references/subtitle_schema.md
  • references/troubleshooting.md
  • scripts/build_srt_from_timeline.py
  • scripts/build_subtitles_from_json.py
  • scripts/inspect_video.sh
  • scripts/make_demo_video.sh
  • scripts/mix_audio_from_timeline.py
  • scripts/record_demo_from_timeline.mjs
  • scripts/record_web_demo_with_playwright.mjs
  • scripts/transcode_burn_subtitles.sh
  • scripts/tts_build_workspace.py
  • scripts/tts_build_workspace_macos_say.py
  • … and 1 more

Open the folder on GitHubat commit 1182af5

Compare with similar skills

Web Demo Video Synthesis next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Web Demo Video Synthesis compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Demo Video Synthesis this skillSven-LI-sankyuu/presentation-skills175—~3.2kAutomated safety check: PassNone
Capcut Editrenezander030/capcut-cli862—~1.4kAutomated safety check: PassMIT
Agent Video PipelineJayceHuang/agent-video-pipeline105—~1.8kAutomated safety check: PassMIT
Paper Collage Explainer Generatortl2012tl/comfyUI-llama-TE2414 repos~5.2kAutomated safety check: PassNone
Stage EditOrkas-AI/Orkas-VideoStudio499—~2.4kAutomated safety check: PassMIT
Proof Videoopenclaw/openclaw392k—~2.4kAutomated safety check: PassMIT

Similar skills

  • Capcut Edit

    renezander030/capcut-cli

    Edit CapCut / JianYing video projects — read and write subtitles, timing, speed, volume, templates, animations (fade/ken-burns), and cut long-form to shorts.

    862 GitHub stars~1.4k tokensUpdated today
    Media & CreativeAuto-check passed
  • Agent Video Pipeline

    JayceHuang/agent-video-pipeline

    Orchestrate a configurable, debuggable local pipeline from approved narration packages to timed audio, captions, visual assets, semantic motion, rendered video, optional avatar compositing…

    105 GitHub stars~1.8k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Paper Collage Explainer Generator

    tl2012tl/comfyUI-llama-TE

    For creators, educators, and social-video editors who need a tactile paper-collage language for narration, knowledge points, opinions, or abstract topics.

    241 GitHub starsUsed in 4 repos~5.2k tokens
    Media & CreativeAuto-check passed
  • Stage Edit

    Orkas-AI/Orkas-VideoStudio

    Intelligent editing of real user-supplied footage—understand it with transcript/inspected-frame/scene/silence/quality evidence, then choose deterministic timeline operations or a constrained…

    499 GitHub stars~2.4k tokensUpdated 19 days ago
    Media & CreativeAuto-check passed
  • Proof Video

    openclaw/openclaw

    Add subtitles, captions, narration cues, or zoom to a proof video or PR recording using repo-local capture helpers and a system ffmpeg renderer.

    392k GitHub stars~2.4k tokensUpdated today
    Media & CreativeAuto-check passed
  • Tts Skill

    Pluviobyte/rnskill

    Generate cloned narration for the content workspace. An agent skill from Pluviobyte/rnskill.

    1.6k GitHub stars~1.3k tokensUpdated 20 days ago
    Media & CreativeAuto-check: notes

More from Sven-LI-sankyuu/presentation-skills

  • Ppt Polished Deck Collab

    Sven-LI-sankyuu/presentation-skills

    A skill your agent uses when collaborating with humans to produce polished, editable, high-quality PPT decks across business, technical, research, education, product, and operations themes.

    175 GitHub stars~3.7k tokensUpdated 2 mo ago
    Auto-check passed
  • Ppt Complex Diagram Collab

    Sven-LI-sankyuu/presentation-skills

    A skill your agent uses when collaborating with humans to produce publication-grade complex diagrams in editable PPT, especially for system architecture, dataflow, and user-journey visuals that…

    175 GitHub stars~816 tokensUpdated 2 mo ago
    Auto-check passed
  • Word Polished Doc Collab

    Sven-LI-sankyuu/presentation-skills

    A skill your agent uses when collaborating with humans to turn Markdown, DOCX, and structured visual assets into polished Word deliverables with explicit Chinese/English typography, caption policy…

    175 GitHub stars~2k tokensUpdated 2 mo ago
    Auto-check passed
  • Xhs Markdown Card Collab

    Sven-LI-sankyuu/presentation-skills

    A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese…

    175 GitHub stars~761 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Questions about Web Demo Video Synthesis

What does Web Demo Video Synthesis do?

用于“网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”的 workspace 协作流程:先搭建一个可审计工作目录(cues/timeline/segmentaudio/video/subtitles/final),再由人类 + Codex 迭代维护这些文件,按需只重跑局部步骤,最终合成高质量 MP4。适用于强调可复盘、可编辑、清晰度与字幕安全区可控的场景。. Web Demo Video Synthesis is an agent skill from Sven-LI-sankyuu/presentation-skills.

When should I use Web Demo Video Synthesis?

Web Demo Video Synthesis fits situations like: tasks that involve Video production; tasks that involve Text to speech and voice; tasks that involve Transcription.

How do I install Web Demo Video Synthesis in Claude Code?

Run `npx skills add Sven-LI-sankyuu/presentation-skills --skill web-demo-video-synthesis -a claude-code`. Or copy the skill folder (web-demo-video-synthesis in Sven-LI-sankyuu/presentation-skills) into .claude/skills/web-demo-video-synthesis in your project. Claude Code loads it when a task matches its description.

How do I install Web Demo Video Synthesis in Codex?

Run `npx skills add Sven-LI-sankyuu/presentation-skills --skill web-demo-video-synthesis -a codex`. Or copy the skill folder (web-demo-video-synthesis in Sven-LI-sankyuu/presentation-skills) into .agents/skills/web-demo-video-synthesis in your project. Codex loads it when a task matches its description.

Can I use Web Demo Video Synthesis in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Sven-LI-sankyuu/presentation-skills --skill web-demo-video-synthesis -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-demo-video-synthesis, .gemini/skills/web-demo-video-synthesis, .github/skills/web-demo-video-synthesis and .opencode/skills/web-demo-video-synthesis in your project.

What does Web Demo Video Synthesis need to run?

Going by SKILL.md and its folder, Web Demo Video Synthesis needs Python, a shell and JavaScript for the scripts in its folder and the command-line tools its instructions call (python3, bash, npx, pip, npm and node). Our summary lists: Python 3; Node.js; A Bash shell.

Does Web Demo Video Synthesis access the network?

SKILL.md names 2 domains. In commands or code: help.aliyun.com and nls-portal.console.aliyun.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Web Demo Video Synthesis safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Web Demo Video Synthesis use?

No licence was found for Web Demo Video Synthesis or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Web Demo Video Synthesis use?

About 3.2k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.9k tokens, read only when the agent opens those files.

What are the alternatives to Web Demo Video Synthesis?

Skills that share tags, products or a category with Web Demo Video Synthesis: Capcut Edit (renezander030/capcut-cli, 862 stars), Agent Video Pipeline (JayceHuang/agent-video-pipeline, 105 stars), Paper Collage Explainer Generator (tl2012tl/comfyUI-llama-TE, 241 stars) and Stage Edit (Orkas-AI/Orkas-VideoStudio, 499 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Demo Video Synthesis?

Sven-LI-sankyuu (a GitHub user) maintains it in Sven-LI-sankyuu/presentation-skills, which has 175 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on July 29, 2026.

Source: Sven-LI-sankyuu/presentation-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.