Motion Ad
fabricioctelles/skills
Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.
Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters.
SKILL.md written in Chinese; this summary is our English description.
Install Video Shot Demo Pages
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demos --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/video-shot-demos .claude/skills/video-shot-demos && rm -rf skills-srcUse ~/.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/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .claude/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demosType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demos --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/video-shot-demos .agents/skills/video-shot-demos && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .agents/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demos --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/video-shot-demos .cursor/skills/video-shot-demos && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .cursor/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Unclecheng-li/AI_Animation.git --path skills/video-shot-demos--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demos --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/video-shot-demos .gemini/skills/video-shot-demos && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .gemini/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demosInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/video-shot-demos .github/skills/video-shot-demos && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .github/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Unclecheng-li/AI_Animation video-shot-demos --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/video-shot-demos .opencode/skills/video-shot-demos && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "video-shot-demos" agent skill from https://github.com/Unclecheng-li/AI_Animation/tree/master/skills/video-shot-demos into .opencode/skills/video-shot-demos/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-shot-demos", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
video-shot-demos- GitHub stars
- 1.5k
- Token cost
- ~617 tokens
- SKILL.md length
- 131 words
- Files
- 126 (incl. scripts, references, assets)
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- MIT
At a glance
Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters.
- Works in 5 steps: 风格轮换：连续镜头绝不同风格。问"这段内容若是一件实物/一个场所，它是什么"——复… → 禁默认科技暗色：黑底+霓虹+玻璃拟态的"乌漆墨黑油光锃亮"两页即疲劳，除非内容本身… → 想象力优先：底盘之上放开写——会砸下的印章、会掉进存钱罐的硬币，用户要惊喜感。 → …
- Making animated web pages to accompany a video or course narration
- SKILL.md covers 创作哲学, Token 纪律（硬性）, 工作流 and 交付标准
- Calls node
What it does
The SKILL.md is written in Chinese. It turns an outline, narration script or shot list into a set of standalone HTML pages meant to be screen-recorded as video footage. All pages share one player base for playback, camera moves, sound effects and a timeline, while each page gets a completely different look, such as a retro newspaper, a receipt or a pixel game, chosen by imagining the content as a physical object or place. Plain dark tech styling is discouraged unless the topic is a terminal.
The agent first builds a table of shots with duration, visual style, fonts and main color, keeps adjacent shots different and each entity in one color across the series, and asks you to confirm it. It then copies the bundled template for each shot and edits only the marked regions, aligns cues to the narration timestamps, and checks results with `scripts/shot.js` by taking headless screenshots at several points in time. A final index page groups the shots by chapter. Existing demo pages can be upgraded by inventorying them first and leaving any you name untouched.
To save context it forbids reading the full template or example pages and points to three short reference files: player and camera mechanics, 41 style cards, and a two-character reaction system with emotion portrait sets. Delivery checks include a black start screen with a play prompt, 1920 by 1080 scaling, pause and replay, camera moves with whoosh sounds, at least two character appearances per page, and data sources noted in footnotes.
When your agent uses it
- Making animated web pages to accompany a video or course narration
- Turning a voice-over script into one HTML page per shot
- Upgrading a batch of existing demo pages to a shared player and varied styles
Example prompts
- “Turn this narration outline into shot pages, one HTML per shot, for screen recording.”
- “Redesign my existing demo pages with the shared player and give each a different visual style.”
- “Make a product launch explainer as animated shots with sound effects and the two characters.”
Requirements
- Node.js to run scripts/shot.js for screenshot checks
- A browser to play and screen-record the pages
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 风格轮换：连续镜头绝不同风格。问"这段内容若是一件实物/一个场所，它是什么"——复古报纸、POS 小票、审讯室、像素游戏……把抽象内容具象成一个世界观，页面就活了。
- 禁默认科技暗色：黑底+霓虹+玻璃拟态的"乌漆墨黑油光锃亮"两页即疲劳，除非内容本身是终端主题。
- 想象力优先：底盘之上放开写——会砸下的印章、会掉进存钱罐的硬币，用户要惊喜感。
- 完成度是纪律：元素有入有出（或定格）、无重叠遮挡、无孤儿元素、结尾有重播暗示、数据有出处角注。
- 音画同步：关键动作有音效、镜头移动配 whoosh；安静也是设计。
What it can do on your machine
Read from SKILL.md and the folder at commit d9c521f. 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 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
node
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Video Shot Demo Pages loads about 617 tokens when it runs, and up to ~5k if it reads all its reference files. Until then it costs about 62 tokens; SKILL.md has 131 words of instructions outside code blocks.
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
The full file from Unclecheng-li/AI_Animation at commit d9c521f, republished under its MIT licence (© Unclecheng-li). 131 words, ~617 tokens.
Download SKILL.mdSave it as
.claude/skills/video-shot-demos/SKILL.md (or your agent's skills folder). This skill also uses 125 other files; get the full folder from GitHub.- name
- video-shot-demos
- description
- 为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画（分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头）。只要用户提到：给视频做演示动画网页、分镜 HTML、shot 页面、把口播稿/大纲做成动画、视频画面设计网页版、录一段网页动画、或要求改造升级一批已有演示页——就用本 Skill。核心是统一的电影化播放器机制 + 每页完全不同的视觉风格 + 镜头语言 + 同步音效 + 角色表情吐槽，内容完全开放不设限。
视频分镜演示动画（每镜头一个 HTML）
一个镜头 = 一个独立 HTML，统一播放器底盘 + 每页一种完全不同的视觉风格，全屏录屏即成片。内容开放（技术实测/产品发布/课程/叙事皆可），不变的是电影化机制、镜头语言与完成度标准。
创作哲学
- 风格轮换：连续镜头绝不同风格。问"这段内容若是一件实物/一个场所，它是什么"——复古报纸、POS 小票、审讯室、像素游戏……把抽象内容具象成一个世界观，页面就活了。
- 禁默认科技暗色：黑底+霓虹+玻璃拟态的"乌漆墨黑油光锃亮"两页即疲劳，除非内容本身是终端主题。
- 想象力优先：底盘之上放开写——会砸下的印章、会掉进存钱罐的硬币，用户要惊喜感。
- 完成度是纪律：元素有入有出（或定格）、无重叠遮挡、无孤儿元素、结尾有重播暗示、数据有出处角注。
- 音画同步：关键动作有音效、镜头移动配 whoosh；安静也是设计。
Token 纪律（硬性）
- 禁止通读
assets/template.html与assets/examples/下任何成片页（单个 20–50KB，读完耗尽预算）。 - 模板一律
cp复制后只读标记区域（第 1 步）；成片页仅当写完仍卡壳时，grep 定位后按行号窗口读 ≤80 行。 - 机制与风格知识优先取自
references/三份浓缩文档，不要现场读源码反推。
工作流
第 0 步 · 输入与风格分配表：通读素材（大纲/口播稿/画面设计/口述），拿到分镜列表 + 口播时间戳（时间轴对齐基准）+ 角色素材。排表 镜头|时长|视觉风格|字体组合|主色：相邻不同风格、整辑不重复、同一实体全系列锁同一颜色（观众靠颜色跨页追踪）。表给用户确认后再动工。素材复制（勿读内容）：
cp -r "assets/examples/<项目>/anan - emotion rename" <输出目录>/ # 安安 15 情绪立绘；图标同理
cp -r "assets/shery - emotion rename" <输出目录>/ # 橘雪莉 20 情绪（笨蛋吐槽役，重点页与安安同框）第 1 步 · 逐页实现（cp 起步，只读标记区）：
cp assets/template.html "<输出目录>/shot-x-x_名称.html"
grep -n "改这里\|DUR=" "<输出目录>/shot-x-x_名称.html" # 行号地图（7 处改这里 + DUR）用 Read 的 offset/limit 只读标记行附近区域（字体 link+舞台底色 / 画面层 CSS / 画面 HTML / cue 表+DUR），逐一替换：① 字体与配色（Google Fonts 随风格）；② 重画画面层；③ 按口播时间戳写 cue（注释引用口播句，如 // 5:20「正常充值」）；④ DUR=规定时长±0.5s。底盘（引导脚本/音效引擎/时间轴/镜头调度/HUD）不动。
按需读参考（都很小）：references/mechanics.md 播放器+镜头+音效机制 ｜ references/style-cards.md 41 种风格卡片（字体/主色/材质/样板页号） ｜ references/character-reactions.md 双角色吐槽体系（安安×橘雪莉情绪表、中段快闪切立绘、双人同框 cue、气泡强约束模板）。
第 2 步 · 质检：node scripts/shot.js 页面.html <毫秒> _t.png [fx fy scale] 多时间点无头截图，逐张查重叠遮挡/中间态穿帮/收尾定格，最后完整播一遍。
第 3 步 · index 总览：按章节分组的导航卡（编号/时长/标题/风格标签），自成一种风格。
翻新已有页面时：先盘点并列清单（用户点名保留的页面一字不动）→ 底盘统一注入 → 逐页重设计画面层 → 补角色/镜头/音效 cue → 质检。
交付标准
- 黑场「启动播放」起手，2s 渐变后开演；1920×1080 自适应；HUD 底部唤出；可暂停重播；DUR 准确
- 相邻镜头风格/字体/配色不同；无默认科技暗色；emoji→内联扁平 SVG
- 关键节拍有镜头运动（推/拉/跟/摇）+ whoosh；关键动作有音效；计数滚动有连击键音
- 角色出场每页 ≥2 次（中段 30–45% DUR 快闪 + 结尾 75–85% 定场，短页仅结尾）：快闪=同一元素换台词换立绘、160ms 闪换重弹；重点页双角色（雪莉先吐槽→安安 1.2s 后接茬，同框退场）；气泡必须用统一强约束模板（形态锁定，仅 4 配色可调，见 character-reactions.md）
- 无底部字幕条（口播只以 cue 注释对齐，不上屏）；截图验证无重叠遮挡；数据角注出处；index 可逐页打开
© Unclecheng-li, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 125 other files (scripts, references, assets) in skills/video-shot-demos of Unclecheng-li/AI_Animation.
- SKILL.md
- README.md
- assets/examples/doubao-paper-detective/anan - emotion rename/01_淡漠凝睇_无口忧郁.png
- assets/examples/doubao-paper-detective/anan - emotion rename/02_抱书怀羊_恬静温柔.png
- assets/examples/doubao-paper-detective/anan - emotion rename/03_掩袖半垂_慵懒羞怯.png
- assets/examples/doubao-paper-detective/anan - emotion rename/04_闭目莞尔_温柔娇羞.png
- assets/examples/doubao-paper-detective/anan - emotion rename/05_阖眸轻语_雀跃腼腆.png
- assets/examples/doubao-paper-detective/anan - emotion rename/06_蹙眉闭唇_窘迫羞恼.png
- assets/examples/doubao-paper-detective/anan - emotion rename/07_睁眸微张_愕然疑惑.png
- assets/examples/doubao-paper-detective/anan - emotion rename/08_倦眼半阖_慵懒无力.png
- assets/examples/doubao-paper-detective/anan - emotion rename/09_垂眸出神_淡然凝思.png
- assets/examples/doubao-paper-detective/anan - emotion rename/10_闭目含笑_恬静满足.png
- assets/examples/doubao-paper-detective/anan - emotion rename/11_懵然半睁_茫然迟疑.png
- assets/examples/doubao-paper-detective/anan - emotion rename/12_粉颊捧笺_娇羞雀跃.png
- assets/examples/doubao-paper-detective/anan - emotion rename/13_掩袖低眸_羞怯暗思.png
- assets/examples/doubao-paper-detective/anan - emotion rename/14_红腮含颦_腼腆欣喜.png
- assets/examples/doubao-paper-detective/anan - emotion rename/15_平举素纸_认真以待.png
- … and 109 more
Open the folder on GitHubat commit d9c521f
Compare with similar skills
Video Shot Demo Pages 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Video Shot Demo Pages this skillUnclecheng-li/AI_Animation | 1.5k | — | ~617 | Automated safety check: Pass | MIT | |
| Motion Adfabricioctelles/skills | 106 | — | ~4.1k | Automated safety check: Pass | Apache-2.0 | |
| HyperFrames Animationheygen-com/hyperframes | 60k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| HyperFrames Video Compositionsspinabot/brigade | 11k | — | ~1.6k | Automated safety check: Pass | MIT | |
| Yuv Viral Videohoodini/ai-agents-skills | 282 | — | ~7.5k | Automated safety check: Notes | None | |
| HyperFrames Motion Doctrineheygen-com/hyperframes | 60k | 1 repos | ~3k | Automated safety check: Pass | Apache-2.0 |
Similar skills
HyperFrames Animation
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
HyperFrames Video Compositions
spinabot/brigade
Writes HTML compositions with a GSAP timeline that the render_video tool turns into deterministic MP4 videos from data, text or layouts.
Yuv Viral Video
hoodini/ai-agents-skills
Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts…
HyperFrames Motion Doctrine
heygen-com/hyperframes
Sets the motion rules for HyperFrames videos so scenes read as one continuous camera move, covering exit-to-entry vectors, seams, idle motion and sustained motion.
Make Video
BintzGavin/helios
Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo reveals, social clips, music visualizers, UI demos and GIF loops.
More from Unclecheng-li/AI_Animation
All 12 skills in this repoArchify Diagram Builder
Unclecheng-li/AI_Animation
Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.
Card Theater
Unclecheng-li/AI_Animation
Generates a single-file HTML presentation that pairs a narrated sidebar with a 3D card carousel, for walking through protocols, product features or step-by-step processes.
Phone UI Demo Animations
Unclecheng-li/AI_Animation
Turns a product, lesson or script into a cinematic web animation staged inside a realistic phone interface, with lock screens, chats, settings and a virtual-clock player.
Plotbeat Data Videos
Unclecheng-li/AI_Animation
Turns a local CSV or JSON file, or data fetched from an approved source, into an editable data-visualization video by adapting HyperFrames templates.
Stacked Data Cards Animation
Unclecheng-li/AI_Animation
Generates a single-file HTML animation in which white argument cards pop up in turn, older ones stack to the left and data widgets animate in, timed to a voiceover.
Swiss Shot Demos
Unclecheng-li/AI_Animation
制作"瑞士国际主义风格（Swiss Style）+ 图表驱动"的视频分镜演示动画——纸灰底/炭黑墨/发丝线/唯一强调橙的编辑部级排版，每页用匹配内容的可视化图表（时间线/循环环/流程链/对照表/点阵计数/热力矩阵…）代替文字堆砌，一镜一 HTML，电影化播放器全屏录屏即成片。只要用户提到：瑞士风格演示页、Swiss Style…
Related
Categories
Questions about Video Shot Demo Pages
What does Video Shot Demo Pages do?
Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters. md is written in Chinese. It turns an outline, narration script or shot list into a set of standalone HTML pages meant to be screen-recorded as video footage.
When should I use Video Shot Demo Pages?
Video Shot Demo Pages fits situations like: making animated web pages to accompany a video or course narration; turning a voice-over script into one HTML page per shot; upgrading a batch of existing demo pages to a shared player and varied styles.
How do I install Video Shot Demo Pages in Claude Code?
Run `npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a claude-code`. Or copy the skill folder (skills/video-shot-demos in Unclecheng-li/AI_Animation) into .claude/skills/video-shot-demos in your project. Claude Code loads it when a task matches its description.
How do I install Video Shot Demo Pages in Codex?
Run `npx skills add Unclecheng-li/AI_Animation --skill video-shot-demos -a codex`. Or copy the skill folder (skills/video-shot-demos in Unclecheng-li/AI_Animation) into .agents/skills/video-shot-demos in your project. Codex loads it when a task matches its description.
Can I use Video Shot Demo Pages 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 Unclecheng-li/AI_Animation --skill video-shot-demos -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/video-shot-demos, .gemini/skills/video-shot-demos, .github/skills/video-shot-demos and .opencode/skills/video-shot-demos in your project.
What does Video Shot Demo Pages need to run?
Going by SKILL.md and its folder, Video Shot Demo Pages needs the command-line tools its instructions call (node). Our summary lists: Node.js to run scripts/shot.js for screenshot checks; A browser to play and screen-record the pages.
Does Video Shot Demo Pages access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Video Shot Demo Pages 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 Video Shot Demo Pages use?
Video Shot Demo Pages is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Video Shot Demo Pages use?
About 617 tokens (SKILL.md is roughly 2.5k 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.4k tokens, read only when the agent opens those files.
What are the alternatives to Video Shot Demo Pages?
Skills that share tags, products or a category with Video Shot Demo Pages: Motion Ad (fabricioctelles/skills, 106 stars), HyperFrames Animation (heygen-com/hyperframes, 60k stars), HyperFrames Video Compositions (spinabot/brigade, 11k stars) and Yuv Viral Video (hoodini/ai-agents-skills, 282 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Shot Demo Pages?
Unclecheng-li (a GitHub user) maintains it in Unclecheng-li/AI_Animation, which has 1,478 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 5, 2026.
Source: Unclecheng-li/AI_Animation on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.