ClaudeMap

guizang-product-video-skill

归藏的 Agent Skill:把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐,全程不碰视频剪辑软件。

技能与命令agent-skillvideopromomarketingchangelog

把代码库和更新说明交给它,它会跑完归藏制作 CodePilot 宣传片时打磨出的完整流程:从提交记录提炼卖点、写白话文案、接入产品真实组件与设计语言、用主时间轴做动画、用代码写配乐,最后导出 MP4 和一个可继续修改的工程。三种风格:沿用产品自己的设计(repo,推荐)、内置 CodePilot 暖白/炭黑默认样式,或两者混合。默认产出 45–60 秒横版中文视频;时长、画幅、语言都可调。声音与音乐分开混:每个操作有独立音效事件,关键反馈出现时音乐会自动让位——音效先检索外部素材库并记录来源,缺的用随包 11 个代码合成 WAV 补,内置的 48 秒配乐代码是按片重排的起点。需要 Node.js ≥ 22、Python ≥ 3.9、FFmpeg 与 Playwright Chromium;React 代码库接入最顺。

它做什么

  • 端到端宣传片流水线:从真实提交提炼卖点、写白话文案、接真实组件镜头、时间轴动画、代码写配乐、导出成片
  • 三种风格——repo(沿用产品自己的设计)、default(CodePilot 暖白/炭黑)、hybrid;选过的风格会沿用,不必每次重答
  • 音乐与音效分轨:每支片用代码重新编配原创配乐、11 个内置合成音效,关键音效出现时音乐自动让位
  • 交付可发布的 MP4、可继续修改的渲染工程、可当封面的关键画面,以及组件/素材/声音的来源追溯记录

什么时候用

发完版本想让宣传片一眼就像自己的产品——同样的组件、字体与交互语言,而不是套模板的通用视频;也适合给海外用户做英文 changelog 片,或快速出一条社媒短片。

如何上手

# 用 skills CLI 安装:
npx skills add https://github.com/op7418/guizang-product-video-skill --skill guizang-product-video-skill

# 或手动装(Claude Code):
git clone https://github.com/op7418/guizang-product-video-skill.git \
  ~/.claude/skills/guizang-product-video-skill

# 首次使用会检查依赖:Node.js ≥ 22、Python ≥ 3.9、FFmpeg、Playwright Chromium

注意事项

许可证为 GNU AGPL-3.0,另有单独的商业授权入口(COMMERCIAL_LICENSING.md)——商用需自行洽谈。本地管线较重:Node 22+、Python 3.9+、FFmpeg、Playwright Chromium 都是必备。组件接入工作量因框架而异:React 有一等支持,服务端或原生运行环境的组件可能要加展示适配层。自动检查能发现结构、文件与时间线问题,但文案是否好懂、混音是否舒服仍需亲眼看和听。介绍视频本身不随 skill 安装包分发。

代码仓库

op7418/guizang-product-video-skill

收录日期

地图上的相关资源

  • 一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片,把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
  • Birdview

    技能

    让 AI 编码 agent 在动第一行代码之前先画出架构、声明影响范围的 skill——成果是一张可直接打开的独立 HTML 架构地图。

    • skill
    • architecture
    • code-visualization
    • change-scope
  • Anthropic 官方 K-12 教学 skills——备课、分层教学、课前准备与形成性检测,附评测框架。

    • official
    • anthropic
    • education
    • skills