介绍一下我昨天开源这个视频特效包装 Skills 的工作原理：\n\nSkills 的主要功能是分析你的视频和字幕，然后为你的视频自动添加各类常见的视频包装效果，比如：进度条、花字、介绍卡片等。\n\n原理简单来说这个 Skills 先用字幕智能分析生成特效配置，再由浏览器渲染逐帧生成特效图层。\n最后通过视频合成把这些特效包装图层叠加到原始视频上的。\n\n------\n\n输入「视频 + 字幕」，先用 `content_analyzer.py` 从 SRT 里识别人物、章节、金句、术语、数据等，生成各种 Suggestion；\n\n用户确认后写成统一的 `config.json` 配置，再交给渲染和合成管线。\n\n`video_processor.py` 是主入口，负责解析命令行和配置、选择渲染后端（Browser 或 PIL）、按时间段分发不同组件的渲染任务。\n\n主要渲染器 Browser 后端用 Playwright 打开 HTML 模板 + CSS 主题 + Anime.js 动画，通过 `initAnimation(config)` 初始化、`seek(timeMs)` 驱动逐帧截图输出 PNG\n\n`templates/*.html` 定义 9 类组件，通过约定的 JS API 接收配置和时间；\n`static/css/theme-*.css` 定义 notion/cyberpunk/apple/aurora 等主题，用 CSS 变量 + `data-theme` 切换风格。\n\n新增组件只需：加一个 HTML 模板、在 `BrowserRenderer` 里加渲染方法，在 `video_processor.py` 注册处理逻辑、在 `content_analyzer.py` 增加对应 Suggestion 和配置校验；\n\n新增主题则是新增一份 theme CSS 并在模板中引用。\n\n项目地址：github.com/op7418/Video-Wrapper-Skills
歸藏的AI工具箱约 2 分钟介绍一下我昨天开源这个视频特效包装 Skills 的工作原理：
Skills 的主要功能是分析你的视频和字幕，然后为你的视频自动添加各类常见的视频包装效果，比如：进度条、花字、介绍卡片等。
原理简单来说这个 Skills 先用字幕智能分析生成特效配置，再由浏览器渲染逐帧生成特效图层。
最后通过视频合成把这些特效包装图层叠加到原始视频上的。
------
输入「视频 + 字幕」，先用 `content_analyzer.py` 从 SRT 里识别人物、章节、金句、术语、数据等，生成各种 Suggestion；
用户确认后写成统一的 `config.json` 配置，再交给渲染和合成管线。
`video_processor.py` 是主入口，负责解析命令行和配置、选择渲染后端（Browser 或 PIL）、按时间段分发不同组件的渲染任务。
主要渲染器 Browser 后端用 Playwright 打开 HTML 模板 + CSS 主题 + Anime.js 动画，通过 `initAnimation(config)` 初始化、`seek(timeMs)` 驱动逐帧截图输出 PNG
`templates/*.html` 定义 9 类组件，通过约定的 JS API 接收配置和时间；
`static/css/theme-*.css` 定义 notion/cyberpunk/apple/aurora 等主题，用 CSS 变量 + `data-theme` 切换风格。
新增组件只需：加一个 HTML 模板、在 `BrowserRenderer` 里加渲染方法，在 `video_processor.py` 注册处理逻辑、在 `content_analyzer.py` 增加对应 Suggestion 和配置校验；
新增主题则是新增一份 theme CSS 并在模板中引用。
项目地址：github.com/op7418/Video-Wrapper-Skills