Skill

Guizang Product Video Skill

op7418/guizang-product-video-skill

Builds software promo and release-notes videos from a product's real UI components, with GSAP or Three.js motion, a score and action sound effects, and a visual direction derived from the product.

View on GitHub
01Author
op7418
03Stars
667 · as of Oct 3, 2026
04Last updated
Oct 1, 2026
05License
AGPL-3.0
06Works with
Claude Code · Codex
07Models
GSAP · Three.js · FFmpeg · HyperFrames
08Content language
Chinese
09Domains
AI video
10Stages
Editing · Audio · Pipeline
SC 01Overview

What it does

Given a product repo, a version range, an audience and the platform it will be posted on, the agent audits the code, mounts the real components, and writes a direction file with a second-by-second shot list before building any scene. It then builds the shots as a code project with GSAP and Three.js, adds a score (yours, from a local music model, or synthesized in code) and per-action sound effects with the music ducking under key sounds, and exports an MP4 plus a re-renderable project and a delivery check. It needs Node.js 22+, Python 3.9+, FFmpeg and Playwright Chromium, draws the picture by rendering code rather than calling a video model, and is AGPL-3.0 licensed, with the bundled default style under a separate BSL license.

SC 02Install

How to install it

  • 01From the README

    The install command quoted from the repository README.

    npx skills add https://github.com/op7418/guizang-product-video-skill --skill guizang-product-video-skill
  • 02skills CLI, for Claude Code, Codex and others

    The open skills CLI from Vercel Labs installs a skill from a GitHub repo into the folder each agent expects. It asks which skills and which agents you want, and it installs for the current project unless you add the -g flag, which installs for your user account. Add --list to see what a repo contains before you install anything.

    npx skills add op7418/guizang-product-video-skill
  • 03Claude Code, skills folder

    Copy the skill's folder, the one that holds SKILL.md, into ~/.claude/skills/ to use it in every project on your machine, or into .claude/skills/ in a repository to use it there and share it by committing it. Claude Code picks up changes to these folders during a session. If the folder did not exist when the session started, run /reload-skills.

  • 04Claude Code, plugin marketplace

    Some repos publish a plugin marketplace, a .claude-plugin/marketplace.json file. Add it in Claude Code, then install a plugin from it with /plugin install plugin-name@marketplace-name. Plugins can bundle hooks and MCP servers along with skills, so read the details panel before you confirm.

    /plugin marketplace add op7418/guizang-product-video-skill
  • 05Codex, skills folder or $skill-installer

    Codex reads skills from .agents/skills in your working folder and its parent folders up to the repository root, and from $HOME/.agents/skills for every repository. Copy the skill's folder into one of them, or run $skill-installer inside Codex and ask it to install from the repo. Codex detects new skills automatically and needs a restart only if one does not appear.

The first command is quoted from the author's README. The others are the standard ways to install a skill from a GitHub repository. They are templates and may not apply here, for example if the repo has no plugin marketplace, so follow the README first.

SC 03Fit

Where it fits in a film pipeline

The production stages this skill covers, and where Pencil0 picks up.

SC 04Related

Related skills

  • Pack

    OpenMontage

    calesthio/OpenMontage

    An open-source repo in which a coding agent directs video production through staged pipelines, with a large set of skills on video-model APIs, music, speech, editing and composition.

    • Pipeline
    • Generation
    • Editing
    62.4kGitHub starsUpdated Sep 2026
  • OfficialPack

    HyperFrames Skills

    heygen-com/hyperframes

    HeyGen's 21 skills for its open-source HTML-to-video framework: an agent plans, codes and renders explainers, launch videos, captions and music-synced clips as deterministic MP4s.

    • Editing
    • Pipeline
    • Audio
    55.8kGitHub starsUpdated Oct 2026
  • video-use

    browser-use/video-use

    A skill that lets a coding agent edit raw footage by conversation: it cuts from a word-level transcript, grades color, adds overlay animations and subtitles, then checks its own render.

    • Editing
    • Audio
    27.9kGitHub starsUpdated Oct 2026
  • OfficialPack

    AiToEarn video agent skills

    yikart/AiToEarn

    Video-focused SKILL.md files from the AiToEarn content agent, led by a short-drama recap skill that submits clips for AI narration and voice-over; they rely on the platform's own tool calls.

    • Editing
    • Audio
    • Generation
    26.2kGitHub starsUpdated Sep 2026
  • OfficialPack

    Remotion Agent Skills

    remotion-dev/skills

    Remotion's own skill set for coding agents that build videos as React code: project setup, markup rules, captions, live preview and rendering to video or stills.

    • Editing
    4.8kGitHub starsUpdated Oct 2026
  • JianYing Editor Skill

    luoluoluo22/jianying-editor-skill

    Lets a coding agent script the desktop JianYing Pro app (CapCut's China edition): import media, add subtitles, TTS voiceover, music, effects and keyframes into an editable draft.

    • Editing
    • Audio
    3.7kGitHub starsUpdated Sep 2026

This is a third-party skill. It is not maintained or audited by Pencil0, and skills can run scripts on your machine, so read the SKILL.md and any scripts before installing. Stars, license and dates are a GitHub snapshot and may be out of date.