video-shot-demos

95 / 100 · Low risk

Fine to try.

By Unclecheng-li/AI_Animation (GitHub) · design · 1,781 stars · scanned at commit 3d17ba3

为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画（分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头）。只要用户提到：给视频做演示动画网页、分镜 HTML、shot 页面、把口播稿/大纲做成动画、视频画面设计网页版、录一段网页动画、或要求改造升级一批已有演示页——就用本 Skill。核心是统一的电影化播放器机制 + 每页完全不同的视觉风格 + 镜头语言 + 同步音效 + 角色表情吐槽，内容完全开放不设限。

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 4 places.

skills/video-shot-demos/SKILL.md, line 29cp -r "assets/examples/<项目>/anan - emotion rename" <输出目录>/ # 安安 15 情绪立绘；图标同理
skills/video-shot-demos/SKILL.md, line 36cp assets/template.html "<输出目录>/shot-x-x_名称.html"
skills/video-shot-demos/scripts/shot.js, line 12const fs=require('fs'),path=require('path'),{execSync}=require('child_process');

Show 1 more

skills/video-shot-demos/scripts/shot.js, line 71execSync('"'+browser+'" --headless --disable-gpu --hide-scrollbars --screenshot="'+path.resolve(out)+'" --window-size=1920,1080 --virtual-time-budget='+budget+'

Install

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

if [ -e ~/.agents/skills/'video-shot-demos' ] || [ -L ~/.agents/skills/'video-shot-demos' ]; then echo 'A skill folder named video-shot-demos already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/Unclecheng-li/AI_Animation' "$d" && git -C "$d" checkout --quiet '3d17ba3eb0b0ea631b593bc646b01b83c8d861e4' -- 'skills/video-shot-demos' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/video-shot-demos' ~/.agents/skills/'video-shot-demos' && 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/'video-shot-demos' ~/.claude/skills/'video-shot-demos' (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 Unclecheng-li/AI_Animation shows the score of its lowest-scoring skill.

SkillTrust badge for Unclecheng-li/AI_Animation

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/Unclecheng-li/AI_Animation.svg)](https://zalavijaysinh.github.io/skilltrust/repos/Unclecheng-li/AI_Animation/)

Score history

Date	Version	Score
2026-11-07	`3d17ba3`	95