
UI Skills
UI Skills 是一套源于真实开发痛点的规则集合。每一条“必须”“禁止”“应该”,都来自作者在与 AI 协作构建 UI 时反复踩坑后的总结。它的目标很明确:让 AI 生成的界面代码更接近专业前端工程师的标准。
Video Wrapper是 一个基于 Claude 的 AI 视频增强技能(Skill),只需提供视频和字幕,即可自动生成专业级视觉包装
你是否羡慕 YouTube 或 B 站上那些信息丰富、节奏明快的访谈视频?人物条、花字、术语卡片、金句高亮……这些“综艺感”特效,过去需要专业剪辑师手动制作。现在,借助 Video Wrapper —— 一个基于 Claude 的 AI 视频增强技能(Skill),只需提供视频和字幕,即可自动生成专业级视觉包装。
整个过程无需打开剪辑软件,也无需设计经验。
| 组件 | 用途 | 示例 |
|---|---|---|
| 花字 | 高亮核心短语 | “AI 发展是平滑曲线” |
| 人物条 | 展示嘉宾身份 | “张三 · 首席科学家 · AI 研究院” |
| 章节标题 | 划分话题段落 | “Part 1:AI 的发展历程” |
| 名词卡片 | 解释专业术语 | “摩尔定律:晶体管数量每 18–24 个月翻倍” |
| 金句卡片 | 突出精彩观点 | “AI 的发展是一个非常平滑的指数曲线” |
| 数据动画 | 动态展示数字 | “计算能力年增长 240%” |
| 要点列表 | 总结核心论点 | 三点式观点归纳 |
| 社交条 | 引导关注 | “@ai_research · 关注我们” |
⚠️ 注意:花字必须是完整短语,单个词(如“人工智能”)应使用“名词卡片”。
| 主题 | 视觉风格 | 适用场景 |
|---|---|---|
| Notion 🟡 | 暖黄+蓝,柔和知识感 | 教育、课程、知识分享 |
| Cyberpunk 💜 | 霓虹紫+青,高对比科技感 | 技术、科幻、前沿话题 |
| Apple ⚪ | 黑白灰,极简专业 | 商务访谈、企业内容 |
| Aurora 🌈 | 渐变流光,艺术感 | 创意、设计、艺术类内容 |
通过 JSON 配置即可切换主题:
{ "theme": "notion" }
| 引擎 | 技术栈 | 特点 |
|---|---|---|
| Browser 🌐 | Playwright + HTML/CSS/Anime.js | 支持复杂动画、高质量输出(推荐) |
| PIL 🎨 | Python PIL | 纯 Python 实现,速度快、内存占用低 |
可通过命令行指定:
# 使用浏览器渲染(默认)
python src/video_processor.py video.mp4 subs.srt config.json -r browser
# 使用 PIL 快速渲染
python src/video_processor.py video.mp4 subs.srt config.json -r pil
npx skills add https://github.com/op7418/Video-Wrapper-Skills
/video-wrapper interview.mp4 subtitles.srt
Claude 将自动分析字幕、生成建议,并在你确认后输出带特效的视频。







