web-video-presentation

82 / 100 · Low risk

Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.

By anubhavg-icpl/vibe (GitHub) · coding · 13 stars · scanned at commit d51e7ac

把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→ 可选音频合成（默认 MiniMax CLI mmx-cli）。**outline 只规划节奏与信息密度，不规划动画** —— 动画由章节开发时按 PRINCIPLES + ANTI-AI 法则即时设计。每次点击推进口播稿的一个节拍，每一步独占整屏，进度条平时隐藏只在悬浮时出现。适用场景：用网页做视频（动态 PPT 但不像 PPT）、把口播稿 / 文章变成可交互的解说、为 B 站 / YouTube / 视频号录屏教程、做有电影感的产品 / talk demo。本 Skill 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。. Use when you need help with web video presentati…

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README. Expected for a coding skill.

Found in 65 places.

skills/web-video-presentation/SKILL.md, line 236bash .cursor/skills/web-video-presentation/scripts/scaffold.sh \
skills/web-video-presentation/SKILL.md, line 249rm -rf presentation/src/chapters/01-example
skills/web-video-presentation/SKILL.md, line 374cd presentation

Show 17 more

.claude/settings.json, line 9"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-bash'",
.claude/settings.json, line 19"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-edit'",
.claude/settings.json, line 31"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-edit'",
.claude/settings.json, line 41"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-bash'",
.claude/settings.json, line 52"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" route'",
.claude/settings.json, line 63"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-restore'",
.claude/settings.json, line 68"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" import'",
.claude/settings.json, line 79"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'",
.claude/settings.json, line 90"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" sync'",
.claude/settings.json, line 102"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" compact-manual'"
.claude/settings.json, line 106"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'",
.claude/settings.json, line 116"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" compact-auto'"
.claude/settings.json, line 120"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'",
.claude/settings.json, line 131"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" status'",
.claude/settings.json, line 142"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-task'",
.claude/settings.json, line 153"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" notify'",
.claude/settings.json, line 162"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/statusline.cjs\"'"

and 45 more places

Downloads and installs other software

The author does not mention this.

Found in 31 places.

skills/web-video-presentation/SKILL.md, line 322不修改 `chapters.ts`；完工跑 `npx tsc --noEmit`
skills/web-video-presentation/references/AUDIO.md, line 128运行：npm install -g mmx-cli && mmx auth login --api-key sk-xxxxx
skills/web-video-presentation/references/AUDIO.md, line 190| `mmx: command not found` | `npm install -g mmx-cli`；npm 全局 bin 不在 PATH 时 `npm config get prefix` 看一下 |

Show 17 more

skills/web-video-presentation/references/CHAPTER-CRAFT.md, line 213- [ ] **`npx tsc --noEmit` 通过** —— 不通过禁止汇报"做完了"
skills/web-video-presentation/scripts/scaffold.sh, line 176if npx tsc --noEmit; then
skills/web-video-presentation/templates/scripts/synthesize-audio.sh, line 45Install: npm install -g mmx-cli
.claude/settings.json, line 166"Bash(npx @claude-flow*)",
.claude/settings.json, line 167"Bash(npx claude-flow*)",
README.md, line 225Vibe ships a `vibe` CLI that installs the **entire library** (skills, agents, commands, modes, system-prompts) into any of **7 coding-agent CLIs** in one shot.
README.md, line 229npx -y github:anubhavg-icpl/vibe
README.md, line 232npx -y github:anubhavg-icpl/vibe add brainstorming systematic-debugging
README.md, line 235npx -y github:anubhavg-icpl/vibe doctor
README.md, line 238npx -y github:anubhavg-icpl/vibe list --kind skill
README.md, line 239npx -y github:anubhavg-icpl/vibe info systematic-debugging
README.md, line 240npx -y github:anubhavg-icpl/vibe search "rag"
README.md, line 241npx -y github:anubhavg-icpl/vibe targets
README.md, line 244Pin to a specific revision: `npx -y github:anubhavg-icpl/vibe#master`. Or alias the long form: `alias vibe='npx -y github:anubhavg-icpl/vibe'`.
README.md, line 2871. `npx github:anubhavg-icpl/vibe` clones this repo to a temp cache and runs the bundled `dist/index.js`.
README.md, line 322npx -y github:anubhavg-icpl/vibe list -k system-prompt
README.md, line 323npx -y github:anubhavg-icpl/vibe search grok -k system-prompt

and 11 more places

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'web-video-presentation' ] || [ -L ~/.agents/skills/'web-video-presentation' ]; then echo 'A skill folder named web-video-presentation already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/anubhavg-icpl/vibe' "$d" && git -C "$d" checkout --quiet 'd51e7ac9a34111cd2e63daed83c2198f91570050' -- 'skills/web-video-presentation' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/web-video-presentation' ~/.agents/skills/'web-video-presentation' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'web-video-presentation' ~/.claude/skills/'web-video-presentation' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for anubhavg-icpl/vibe shows the score of its lowest-scoring skill.

SkillTrust badge for anubhavg-icpl/vibe

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/anubhavg-icpl/vibe.svg)](https://zalavijaysinh.github.io/skilltrust/repos/anubhavg-icpl/vibe/)

Score history

Date	Version	Score
2026-11-08	`d51e7ac`	82