Agent skill

Guizang Product Video Skill

by op7418 in op7418/guizang-product-video-skill

制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。

AGPL-3.0Auto-check passedDevelopment

Install Guizang Product Video Skill

skills CLI
$ npx skills add op7418/guizang-product-video-skill --skill guizang-product-video-skill -a claude-code

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

GitHub CLI
$ gh skill install op7418/guizang-product-video-skill guizang-product-video-skill --agent claude-code

Project 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/

Facts

Skill name
guizang-product-video-skill
GitHub stars
753
Token cost
~1.1k tokens
SKILL.md length
184 words
Files
123 (incl. scripts, references, assets)
Skills in repo
1
Repo updated
First seen
Licence
AGPL-3.0

At a glance

制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。

  • Works in 7 steps: 确认范围、平台与风格。 已有工程沿用 brief… → 初始化并检查环境。… → 调查产品,接通组件。 按 仓库与风格审计… → …
  • Tasks that involve Video production
  • SKILL.md covers 流程, 硬约束 and 工具入口
  • Runs Python scripts from its folder; calls python3 and node

What it does

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.

When your agent uses it

  • Tasks that involve Video production
  • Tasks that involve Changelog and release notes
  • Tasks that involve Web animation and motion

Example prompts

  • “/guizang-product-video-skill”

Requirements

  • Python 3

Workflow steps

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

  1. 确认范围、平台与风格。 已有工程沿用 brief 和用户决定,只处理本次修改。新片补齐:产品/仓库、发布渠道、时长与画幅、语言、是否允许链接,以及用户有没有参考视频。范围与产品平台面必须由用户拍板,仓库只能说明有哪些版本,说明不了用户想宣传什么:覆盖全量产品、最新一个版本周期,…
  2. 初始化并检查环境。 按下方工具入口初始化独立视频目录,再运行环境检查;只对报告的缺项加载 依赖安装,装完复查。已有工程直接检查,不重新初始化。
  3. 调查产品,接通组件。 按 仓库与风格审计 确定功能、发布状态和证据,记下设计语言、暗色主题和可做母题的产品元素。在浏览器里挂载真实业务组件:补 provider,接口用 fixture,交互用真实点击和输入,放大到视频尺度(起步工程、组件接入)。先接通一个功能镜头并出静帧。
  4. 定方向,写 DIRECTION.md。 按 影片方向:拆解参考,提炼产品气质,沿不同的轴提出三个方向,选一个并写出理由;列出 3–5 个"因为产品有 X、所以用 Y"的专属手法,并避开本工作区上一支片子的手法;把画面规范写成具体数字;写到每一秒的镜头表。用户想先看方向时,给三个…
  5. 逐镜头搭建。 每个镜头 = 视图组件 + builder(GSAP 主时间轴、onRender 画布层、onDrive 真实交互),时间只从 plan.json 读。手法从 视觉手法词汇 里选能从产品推导的,assets/fx-lab/…
  6. 配乐与音效。 按 配乐与音效 选音乐来源(用户提供 → 本机可用的生成模型 → 代码合成),编曲从镜头边界推出来,音色从产品气质推出来;音效先用录音素材,缺项再用内置 WAV。用 sfx_landmarks.py 实测落点和电平,按 混音与验收 对位、让位、混音。
  7. 审片并交付。 导出全片,看 2 fps 联系表、每个转场的 10 fps 条带和信息密集镜头的全尺寸帧,按 审片 修改后重新导出。运行 check_delivery.py(pacing 只提示该去看哪一段)。交付…

What it can do on your machine

Read from SKILL.md and the folder at commit 18842e0. 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/ (Python, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • python3
    • 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

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.

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

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 op7418/guizang-product-video-skill at commit 18842e0, republished under its AGPL-3.0 licence (© op7418). 184 words, ~1,115 tokens.

Download SKILL.mdSave it as .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.
name
guizang-product-video-skill
description
制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。
license
AGPL-3.0; CodePilot fallback assets: BUSL-1.1 (see README.md)

归藏 product video skill

用真实组件讲清楚一个软件产品或一次更新,让画面、文案和声音一起推进。本文术语:默认样式指 assets/fallback/;起步工程指 assets/starter/,初始产物称技术样片;方向文件指视频工程里的 DIRECTION.md;音效事件统一保存在 audio.cues。

流程

  1. 确认范围、平台与风格。 已有工程沿用 brief 和用户决定,只处理本次修改。新片补齐:产品/仓库、发布渠道、时长与画幅、语言、是否允许链接,以及用户有没有参考视频。范围与产品平台面必须由用户拍板,仓库只能说明有哪些版本,说明不了用户想宣传什么:覆盖全量产品、最新一个版本周期,还是指定版本区间?覆盖哪些平台面(桌面端/CLI·TUI/移动端/服务端 API)?没指定时问一次,答案写入 plan.json 的 scope(如 {"versions":"v0.10.12..v0.11.0","platforms":["cli-tui"]})并同步进 BRIEF。风格没定时问一次:"沿用代码库自己的设计风格(推荐),还是默认的暖白/炭黑风格?"repo 用产品设计;default 用默认样式包装;hybrid 保留产品识别、调整外层排版。常见起点:横版、45–60 秒、中文。
  2. 初始化并检查环境。 按下方工具入口初始化独立视频目录,再运行环境检查;只对报告的缺项加载 依赖安装,装完复查。已有工程直接检查,不重新初始化。
  3. 调查产品,接通组件。 按 仓库与风格审计 确定功能、发布状态和证据,记下设计语言、暗色主题和可做母题的产品元素。在浏览器里挂载真实业务组件:补 provider,接口用 fixture,交互用真实点击和输入,放大到视频尺度(起步工程、组件接入)。先接通一个功能镜头并出静帧。
  4. 定方向,写 DIRECTION.md。 按 影片方向:拆解参考,提炼产品气质,沿不同的轴提出三个方向,选一个并写出理由;列出 3–5 个"因为产品有 X、所以用 Y"的专属手法,并避开本工作区上一支片子的手法;把画面规范写成具体数字;写到每一秒的镜头表。用户想先看方向时,给三个方向和 3–6 张关键静帧,等反馈;否则继续。
  5. 逐镜头搭建。 每个镜头 = 视图组件 + builder(GSAP 主时间轴、onRender 画布层、onDrive 真实交互),时间只从 plan.json 读。手法从 视觉手法词汇 里选能从产品推导的,assets/fx-lab/ 的样例改写后再用。每搭完一个镜头就出静帧,对照镜头表(审片)。
  6. 配乐与音效。 按 配乐与音效 选音乐来源(用户提供 → 本机可用的生成模型 → 代码合成),编曲从镜头边界推出来,音色从产品气质推出来;音效先用录音素材,缺项再用内置 WAV。用 sfx_landmarks.py 实测落点和电平,按 混音与验收 对位、让位、混音。
  7. 审片并交付。 导出全片,看 2 fps 联系表、每个转场的 10 fps 条带和信息密集镜头的全尺寸帧,按 审片 修改后重新导出。运行 check_delivery.py(pacing 只提示该去看哪一段)。交付 MP4、可复现工程和少量预览;说清哪些是自动检查、哪些实际看过/听过、哪些仍未验证。要发布时按 封面 做 3:4 / 4:3 / 16:9 封面,用户没提就用一句话问一下。历史问题查 案例复盘。

硬约束

  • 真实功能。 正式片至少一项可追溯的主张;每项记录发布状态、来源和白话解释。演示数据可以固定,功能效果与数字要有证据。范围与平台以 plan.scope 为准,交付时声明没有覆盖的平台面,避免观众以为片子讲的是产品全貌。
  • 原组件,视频尺度。 功能镜头接入实际业务组件、原样式及状态,界面正文在成片里 ≥ 22px(1080p)。抽象化只用于取景、布局和外层动画。平台确实无法接入时,记录阻碍和替代方式,遵从已有授权。
  • 先有方向,再写代码。 正式片必须有 DIRECTION.md:选定的方向和理由、从产品推导的专属手法、画面规范、镜头表。
  • 不套模板。 每个视觉手法都要能说出它对应产品的哪一点。案例和 fx-lab 是推导示范,不是风格包;同一工作区连续做片,不原样复用上一支的开场、章节和背景手法。片内也要避免所有元素同一种入场、同一种转场。
  • 清楚排版。 宣传标题默认英文、中文各一个 span,分别指定字体,中文无衬线;中文说明交代对象、动作和结果。产品内部字体保持原设计;用户指定的语言/字体优先。
  • 首帧就是完整画面。 没有单独上传封面时,X / Threads 等平台会直接抓第一帧当缩略图。所以片子的前 5–10 帧要放一个完整画面,通常是开场段落的完成态;之后再淡出,开场动画照常播放。第一帧不能是空白底色,也不能是等待入场的背景。check_delivery.py 会测前 5 帧。
  • 完整声音。 默认音乐与独立动作音效都进音轨,关键反馈听得见、音画同步。用户要求静音或省略音效时,记录 audioExceptionReason。
  • 隔离工程。 源码适配、展示依赖和构建配置放在视频工程;原产品代码和依赖不动。
  • 授权与真实验收。 素材保留来源和许可。默认样式受 BSL 授权 约束。自动检查只证明结构与文件一致;视觉、语义和听感靠实际审阅,没有试听就如实说明。

工具入口

先确认风格,再初始化;三种风格都可以传 --repo,其中 repo/hybrid 必填:

sh
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。

  • 影片方向:参考拆解、产品气质、三个方向与差异轴、专属手法推导、反重复、画面规范、镜头表。
  • 视觉手法词汇:按作用分组的手法,写明表达什么、从哪里推导、怎么实现、何时不用。
  • 起步工程:运行时结构(seek、GSAP 主时间轴、onRender、onDrive)、接入仓库、样式链、plan 字段。
  • 审片:三个审片节点、联系表与转场条带、常见问题对照表。
  • 封面:3:4 / 4:3 / 16:9 三种比例的布局思路、选图、文案和导出(起步工程的 cover.mjs)。
  • assets/fx-lab/:流线场、粒子汇聚、字符场、发光地平线、切片、环绕的可改写样例。
  • assets/audio/score-example-keys.py、score-example-cinematic.py:两种气质的代码合成配乐示例,借手法,不照搬曲子。
  • 内置音效:11 个原创 WAV;需要改音色时运行 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

Files

SKILL.md and 122 other files (scripts, references, assets) in the repository root of op7418/guizang-product-video-skill.

  • SKILL.md
  • .gitignore
  • COMMERCIAL_LICENSING.md
  • LICENSE
  • README.md
  • agents/openai.yaml
  • assets/audio/SOURCE.md
  • assets/audio/manifest.json
  • assets/audio/score-example-cinematic.py
  • assets/audio/score-example-keys.py
  • assets/audio/sfx/SOURCE.txt
  • assets/audio/sfx/click-alt.wav
  • assets/audio/sfx/click.wav
  • assets/audio/sfx/ding-dong.wav
  • assets/audio/sfx/error.wav
  • assets/audio/sfx/pop.wav
  • assets/audio/sfx/resolve.wav
  • … and 106 more

Open the folder on GitHubat commit 18842e0

Compare with similar skills

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.

Guizang Product Video Skill compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Guizang Product Video Skill this skillop7418/guizang-product-video-skill753—~1.1kAutomated safety check: PassAGPL-3.0
HyperFrames Animationheygen-com/hyperframes60k3 repos~2.1kAutomated safety check: PassApache-2.0
Content To Videoarchitectds/modeldock117—~2.4kAutomated safety check: PassApache-2.0
Yuv Viral Videohoodini/ai-agents-skills282—~7.5kAutomated safety check: NotesNone
Noti Tiktok Full Textnotivn/AIEV127—~4.8kAutomated safety check: PassMIT
SVG Character Animationcalesthio/OpenMontage66k—~421Automated safety check: PassMIT

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.

    60k GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed
  • Content To Video

    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.

    117 GitHub stars~2.4k tokensUpdated today
    Media & CreativeAuto-check passed
  • 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…

    282 GitHub stars~7.5k tokensUpdated 3 mo ago
    Media & CreativeAuto-check: notes
  • 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.

    127 GitHub stars~4.8k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • SVG Character Animation

    calesthio/OpenMontage

    Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

    66k GitHub stars~421 tokensUpdated 7 days ago
    Media & CreativeAuto-check passed
  • 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.

    127 GitHub stars~5.7k tokensUpdated yesterday
    Media & CreativeAuto-check passed

Questions about Guizang Product Video Skill

What does Guizang Product Video Skill do?

制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。. Guizang Product Video Skill is an agent skill from op7418/guizang-product-video-skill.

When should I use 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.

How do I install Guizang Product Video Skill in Claude Code?

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.

How do I install Guizang Product Video Skill in Codex?

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.

Can I use Guizang Product Video Skill 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 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.

What does Guizang Product Video Skill need to run?

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.

Does Guizang Product Video Skill 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 Guizang Product Video Skill 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 Guizang Product Video Skill use?

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.

How many tokens does Guizang Product Video Skill use?

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.

What are the alternatives to Guizang Product Video Skill?

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.

Who maintains Guizang Product Video Skill?

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.