Skip to content
Get Friday PicksSubmit

guizang product video: update promos from your real UI

Makes software update promo videos in code from your product's real components and design language, including storyboard copy, original music and sound effects.

In short: Makes software update promo videos in code from your product's real components and design language, including storyboard copy, original music and sound effects. It is a free skill for people who use Claude Code or Codex and want help with motion graphics.

Checked on · Added

Open on GitHub · ★ 819

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
GitHub repoOpen source · ★ 819op7418/guizang-product-video-skill
guizang product video: update promos from your real UI

Image: from the GitHub README, shown with credit.

Image from the op7418/guizang-product-video-skill READMEImage from the op7418/guizang-product-video-skill README

Images from the project README on GitHub.

Reference videos (1)

Real videos made with this skill, credited to their creators. Hover to preview.

YouTube Dubbing promo made with the guizang product video skill thumbnailLAUNCH1:10

YouTube Dubbing promo made with the guizang product video skill

A product promo for a dubbing tool, built from its real UI with the guizang skill.

guizang product video@youtubedubbing♥ 5

Try it in 60 seconds

npx skills add https://github.com/op7418/guizang-product-video-skill --skill guizang-product-video-skill
git clone https://github.com/op7418/guizang-product-video-skill.git \

Install command copied from the project README. Check the README for the latest version.

What it does

Makes software update promo videos in code from your product's real components and design language, including storyboard copy, original music and sound effects.

把代码库交给 AI,告诉它这次更新了什么,或者想介绍整个产品,就可以开始做一支宣传片:整理卖点、写文案、接入原组件、做动画、写配乐、配音效,最后导出视频和可继续修改的工程。

Short excerpt from the README of op7418/guizang-product-video-skill. Read the full README on GitHub.

Inside the repo

30 秒开始它能帮你做什么?三种风格,先选适合你的怎么提需求,比较容易一次做好?从代码库到成片同一套流程,三支不一样的片子音乐和音效怎么来?最后会拿到什么?安装与更新用 skills CLI 安装手动安装需要什么环境?

A prompt to try

Use the guizang product video skill to make a 30s promo for our new [feature] using our real components, with music and SFX.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo and read the README (install commands change often).
  2. Install it with the command in the README, or copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex).
  3. Restart your agent so it picks the skill up.
  4. Ask for the video in plain words and review drafts before the final render.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Motion Graphics

See all Motion Graphics entries →

Related

HyperFrames: write HTML, get a video thumbnailSKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code logoCodex logoClaude Code +1★ 63.8k
/brag: turn a finished project into a launch video thumbnailSKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code logoCodex logoClaude Code +1★ 16k
Anatomy: interactive isometric illustrations thumbnailSKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code logoCodex logoClaude Code +1★ 10.6k
huashu-art-motion: animate artwork in 35 art styles thumbnailSKILL

huashu-art-motion: animate artwork in 35 art styles

Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.

Claude Code logoCodex logoClaude Code +1★ 4.2k
GSAP official agent skills thumbnailSKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code logoCodex logoClaude Code +1★ 16.4k
lemo-opuscar: short films in 51 styles, no video model thumbnailSKILL

lemo-opuscar: short films in 51 styles, no video model

A Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.

Claude Code logoClaude Code★ 2.7k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.