[JS/TS] ClipSketch-AI实战：视频一键转手绘故事，AI智能生成社交媒体文案

clipsketch-ai 是一个专为视频创作者、社交媒体运营者和二创爱好者设计的全流程生产力工具。通过集成 Google Gemini 多模态大模型，它能将视频中的精彩瞬间一键转化为精美的手绘风格故事板，并自动撰写适配社交媒体（如小红书）的爆款文案。

在线体验地址：https://clipsketch-ai.vercel.app/

核心功能

强大的视频采集

• 多源导入：支持解析 Bilibili 和小红书的分享链接（支持短链接和混合文案）。
• 高清播放：针对竖屏视频（9:16）和宽屏视频进行了自适应布局优化。
• 精准控制：支持键盘快捷键（空格键播放/暂停，左右方向键逐帧/智能步长调节）。

帧级标记系统

• 毫秒级记录：精确捕捉每一个精彩瞬间。
• 快捷键打点：在播放器界面按下 T 键即可快速标记时间点。
• 数据导出：支持导出 TXT 格式的时间轴标签，或将所有标记帧打包导出为 ZIP 图片包。

AI 艺术工作室 (Powered by Gemini)

• 智能绘图：利用 gemini-3-pro-image-preview 模型，将多个标记帧整合成一张连贯的、可爱手绘风格的故事板。
• 社交文案生成：基于生成的视觉内容，利用 gemini-3-pro-preview 模型自动生成 3 种不同风格的种草文案（情感故事型、干货教程型、短小精悍型）。
• 角色融合：上传自定义角色或头像，AI 可自动将其融入到故事板场景中。
• 封面生成：基于精选文案和原始画面，生成高品质的竖屏视频封面。
• 批量精修：支持批量生成和优化分镜图（可配置使用 Batch API 以节省成本）。

全平台适配

• 响应式设计：完美适配 PC 宽屏、iPad 平板及手机竖屏操作，其前端框架与工程化设计确保了跨端体验的一致性。
• 移动端优化：在手机上自动切换为上下布局，操作更符合移动端习惯。