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.
制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。
$ npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .claude/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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.
$ npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .agents/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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 op7418/guizang-product-video-skill --skill guizang-product-video-skill -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .cursor/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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.
$ npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .gemini/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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 op7418/guizang-product-video-skill guizang-product-video-skillInstalls 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 op7418/guizang-product-video-skill --skill guizang-product-video-skill -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .github/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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 op7418/guizang-product-video-skill --skill guizang-product-video-skill -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "guizang-product-video-skill" agent skill from https://github.com/op7418/guizang-product-video-skill/tree/main into .opencode/skills/guizang-product-video-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-product-video-skill", 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.
guizang-product-video-skill制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。
Guizang Product Video Skill is an agent skill from op7418/guizang-product-video-skill. 制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 126 other files, including scripts, reference files and assets (for example `COMMERCIAL_LICENSING.md`, `README.md` and `agents/openai.yaml`).
It sits in Development, covering Video production, Changelog and release notes and Web animation and motion. It works with GSAP, Three.js and HeyGen. The repository describes itself as: 归藏 product video skill:复用真实产品组件和设计语言,用代码制作软件更新宣传片。包含分镜文案、原创配乐、动作音效与视频渲染,支持 Claude Code 和 Codex。 The licence is AGPL-3.0.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 18842e0. It shows what the files ask for, not the result of running them.
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.
Ships 1 file in scripts/ (Python, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
python3nodeFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Guizang Product Video Skill loads about 1.1k tokens when it runs, and up to ~21k if it reads all its reference files. Until then it costs about 44 tokens; SKILL.md has 184 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.
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.
The full file from op7418/guizang-product-video-skill at commit 18842e0, republished under its AGPL-3.0 licence (© op7418). 184 words, ~1,115 tokens.
.claude/skills/guizang-product-video-skill/SKILL.md (or your agent's skills folder). This skill also uses 122 other files; get the full folder from GitHub.用真实组件讲清楚一个软件产品或一次更新,让画面、文案和声音一起推进。本文术语:默认样式指 assets/fallback/;起步工程指 assets/starter/,初始产物称技术样片;方向文件指视频工程里的 DIRECTION.md;音效事件统一保存在 audio.cues。
plan.json 的 scope(如 {"versions":"v0.10.12..v0.11.0","platforms":["cli-tui"]})并同步进 BRIEF。风格没定时问一次:"沿用代码库自己的设计风格(推荐),还是默认的暖白/炭黑风格?"repo 用产品设计;default 用默认样式包装;hybrid 保留产品识别、调整外层排版。常见起点:横版、45–60 秒、中文。DIRECTION.md。 按 影片方向:拆解参考,提炼产品气质,沿不同的轴提出三个方向,选一个并写出理由;列出 3–5 个"因为产品有 X、所以用 Y"的专属手法,并避开本工作区上一支片子的手法;把画面规范写成具体数字;写到每一秒的镜头表。用户想先看方向时,给三个方向和 3–6 张关键静帧,等反馈;否则继续。onRender 画布层、onDrive 真实交互),时间只从 plan.json 读。手法从 视觉手法词汇 里选能从产品推导的,assets/fx-lab/ 的样例改写后再用。每搭完一个镜头就出静帧,对照镜头表(审片)。sfx_landmarks.py 实测落点和电平,按 混音与验收 对位、让位、混音。check_delivery.py(pacing 只提示该去看哪一段)。交付 MP4、可复现工程和少量预览;说清哪些是自动检查、哪些实际看过/听过、哪些仍未验证。要发布时按 封面 做 3:4 / 4:3 / 16:9 封面,用户没提就用一句话问一下。历史问题查 案例复盘。plan.scope 为准,交付时声明没有覆盖的平台面,避免观众以为片子讲的是产品全貌。DIRECTION.md:选定的方向和理由、从产品推导的专属手法、画面规范、镜头表。check_delivery.py 会测前 5 帧。audioExceptionReason。先确认风格,再初始化;三种风格都可以传 --repo,其中 repo/hybrid 必填:
python3 <skill-dir>/scripts/init_project.py --output <video-dir> --style repo --repo <repo-dir>
python3 <skill-dir>/scripts/check_environment.py --project <video-dir> --engine browser
# 缺项 → 按 references/onboarding.md 补装 → 使用 --force 复查。HyperFrames 工程使用 --engine hyperframes。新工程附 10 秒技术样片(刻意没有风格,只验证链路)和一份只有问题的 DIRECTION.md。
cover.mjs)。assets/fx-lab/:流线场、粒子汇聚、字符场、发光地平线、切片、环绕的可改写样例。assets/audio/score-example-keys.py、score-example-cinematic.py:两种气质的代码合成配乐示例,借手法,不照搬曲子。scripts/make_sfx.py --output <new-sfx-dir>。scripts/sfx_landmarks.py <files>:实测音效的起音点、峰值时间和峰值电平。scripts/mix_audio.py <plan.json>:混音、音乐让位、独立音轨和证据报告。scripts/check_delivery.py <plan.json> [--video <final.mp4>] [--mix-report <audio-mix.json>]:结构、文件、时间线、方向文件、媒体与画面节奏提示。python3 -m unittest discover -s <skill-dir>/tests 与 node <skill-dir>/tests/integration.mjs --modules <video-dir>/node_modules:维护此 skill 时运行;日常制片不需要读测试源码。© op7418, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 122 other files (scripts, references, assets) in the repository root of op7418/guizang-product-video-skill.
Open the folder on GitHubat commit 18842e0
Guizang Product Video Skill 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 |
|---|---|---|---|---|---|---|
| Guizang Product Video Skill this skillop7418/guizang-product-video-skill | 753 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | |
| HyperFrames Animationheygen-com/hyperframes | 60k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Content To Videoarchitectds/modeldock | 117 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Yuv Viral Videohoodini/ai-agents-skills | 282 | — | ~7.5k | Automated safety check: Notes | None | |
| Noti Tiktok Full Textnotivn/AIEV | 127 | — | ~4.8k | Automated safety check: Pass | MIT | |
| SVG Character Animationcalesthio/OpenMontage | 66k | — | ~421 | Automated safety check: Pass | MIT |
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
architectds/modeldock
Turn arbitrary source content (README, article, story, slides, deck, data/report, product description, tutorial text, audio/transcript, or a bare topic) into a finished, high-quality MP4 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…
notivn/AIEV
Build a Vietnamese vertical TikTok explainer in the "MỔ XẺ PAPER AI" (AI paper dissection) format with HyperFrames (HTML/CSS/GSAP → MP4), Noti.vn style.
calesthio/OpenMontage
Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.
notivn/AIEV
Build a Vietnamese landscape 16:9 YouTube video (1920×1080) with HyperFrames (HTML/CSS/GSAP → MP4), keeping the Noti.vn/GĐT branding inherited from noti-tiktok-vn.
Categories
制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。. Guizang Product Video Skill is an agent skill from op7418/guizang-product-video-skill.
Guizang Product Video Skill fits situations like: tasks that involve Video production; tasks that involve Changelog and release notes; tasks that involve Web animation and motion.
Run `npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a claude-code`. Or copy the skill folder (the op7418/guizang-product-video-skill repository) into .claude/skills/guizang-product-video-skill in your project. Claude Code loads it when a task matches its description.
Run `npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a codex`. Or copy the skill folder (the op7418/guizang-product-video-skill repository) into .agents/skills/guizang-product-video-skill in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/guizang-product-video-skill, .gemini/skills/guizang-product-video-skill, .github/skills/guizang-product-video-skill and .opencode/skills/guizang-product-video-skill in your project.
Going by SKILL.md and its folder, Guizang Product Video Skill needs Python for the scripts in its folder and the command-line tools its instructions call (python3 and node). Our summary lists: Python 3.
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.
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.
Guizang Product Video Skill is published under the AGPL-3.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.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 20k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Guizang Product Video Skill: HyperFrames Animation (heygen-com/hyperframes, 60k stars), Content To Video (architectds/modeldock, 117 stars), Yuv Viral Video (hoodini/ai-agents-skills, 282 stars) and Noti Tiktok Full Text (notivn/AIEV, 127 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
op7418 (a GitHub user) maintains it in op7418/guizang-product-video-skill, which has 753 GitHub stars. The repository was last updated on October 9, 2026.
Source: op7418/guizang-product-video-skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.