AI 编程的又一笔订单：从自用 Skill 到商业变现，长视频切片神器成功售出！

大家好！我是瓜哥。前互联网技术副总裁，现在带队死磕 AI 编程。

一个月前，我分享了用 Claude Code 搓出来的 '长视频自动切片' Skill。

这本只是我自用的效率小工具，结果反响非常不错，很多朋友私信我，功能和实现细节。

最让我意外的是，有个朋友看完演示后，认真地问我：瓜哥，这套东西能不能直接卖给我？我想在公司里用。

说实话，那一刻挺开心的。

这感觉就像自己养的孩子，突然要参加 '成年礼' 走向社会了。

既然要出售，命令行下的 Skill 那种黑乎乎的界面，显然易用性还是不够。

于是，我花了整整一个周末，把这个工具彻底重构了。

现在的它，也拥有了交付级的 Web UI。

这种超级干货，建议先收藏再阅读！了解更多 AI 编程实战技巧，点 '关注' 上车！

一、双引擎架构：极客与小白的各取所需

我并没有为了 Web UI 而放弃 CLI 下的 skill。

相反，我让它们各司其职。

CLI 依然是最强悍的执行 Agent，而 Web UI 则是它穿上的西装。为了让大家看清这次进化的分量，我拉了个对比表：

这是我理解的产品化：不是单纯换个壳，而是消除了技术与用户之间最后 1% 的使用门槛。

二、三大重构：治好长任务的进度焦虑

01、全新的 Web 工作区

三大分区设计，从长视频从上传到切片浏览，再到切片播放，全覆盖。

① 分析引擎区

负责本地视频的上传、执行进度展示（百分比）、执行日志查看。

② 切片预览区

负责切片成品的的播放预览，方便用户确认切片视频符合预设。

③ 切片列表区

负责展示全部的切片视频，通过鼠标点击即可方便进行播放切换。

02、优化圆环进度显示

为了不让用户，在到底是卡死了，还是正在执行之间抓狂。

设计一个能清晰了解执行进度的圆环就显得非常重要。

更新明细：

• 上传阶段映射到 0-20%（XHR progress × 0.2），不再在上传完成时归零

• 处理阶段 SSE 的 0-100% 映射到 20-100%，整体进度连续不断档 - 圆环动画加了 ease-out 过渡，更丝滑

03、增加阶段步进器

除了百分比执行进度展示，还加入了分阶段展示任务进度的 '阶段步进器'。

4 个任务执行的关键阶段：

"上传已完成（✓）→ 字幕提取进行中（金边圆圈）→ AI分析→ 视频切片"

更新明细：阶段步进器，新增4个里程碑

• 上传 → 字幕提取 → AI 分析 → 视频切片

• 完成的阶段显示金色实心，当前阶段显示金色空心高亮，未到阶段为灰色

• 阶段间连线：已完成的段显示金色，未完成的段显示灰色

04、优化执行日志输出

执行进度明细更清晰，校准时间戳，倒序方式进行日志排序。

更新明细： 执行日志重构 对关键执行里程碑进行改高亮显示

• 时间戳：在 addLog 调用时即刻记录

• 里程碑事件：金色左边框 + 加粗文字

• 普通进度条目：灰色小字，字幕进度百分比等中间过程

• 成功/错误状态有不同颜色：绿色/红色左边框

三、底层进化：接入火山&规则定义

01、大模型自定义

商业级交付，稳定性和成本就是必须跨过去的坎。

之前的版本强绑定了 Gemini，但在实际大体量处理中，需要支持更具性价比的大模型。

这次我让底层的 '执行大脑' 变得更全面，新增了对 火山引擎（Coding Plan） 的支持。

① 为什么这么做？

1. 多模型备份：一家挂了，另一家随时顶上。

1. 成本可控：不同模型价格不同，用户可以根据视频长度选最划算的。

这种 '多模型选择权' 交到用户手上，才是一个产品该有的样子。

*tips：如有其他平台的 Coding Plan，可定制对接。*

② Web 界面大模型接入配置

02、切片规则自定义

为了支持不同用户对切片规则的定义，在原本的 Skill 写死的基础上进行了优化。

现支持在图形界面进行切片规则的设置，包括分析提示词定义、切片时长定义、切片数量定义，切片评分定义。

切片评分规则，0-100 的评分，90 分以上代表具备爆火潜质，避免切出来一些无效片段。

四、交付验证：15 项全绿的诚意

在把这个产品交给那个想买它的朋友前，我让 Claude Code 执行了一次全自动化的测试。

从 npm install、设置面板配置保存，到视频上传、Whisper 提取、AI 分析、FFmpeg 裁剪导出，一共 15 个关键环节，全部通过。

当最后看到 Web 界面上第一个切片自动弹出并流畅播放时，这不仅仅是省了时间，而是真正的价值创造。

写在最后

很多人说，AI 编程我熟啊，但我不知道需求在哪？

51 出门，在飞机上看@苏总 送的一本书：《小而美 - 持续盈利的经营法则》。里面有一个篇章，从社区入手，找到并加入共同爱好的群体，启动循环引擎 '贡献 - 创作 - 教他人'。

在这个过程中，你会发现你有解决不完的需求，而作为 AI 编程赛道 OPC，你的业务也将从你的社区长出来。

它不来自于你的想象，它来自于真实用户的真实需求。

最后，介绍下我组建的两个社区和产品获取方式：

① 【AI探索者社区 - 1群】

超 300 位来自各行各业的 AI编程爱好者和高手，核心群，付费进，99元/永久。

② 【AI探索者社区 - 2群】

现 142 名 AI 爱好者，筹备群，免费进。

③ 产品源码出售

1. 产品源码：全部产品源码一次性打包出售。

1. 安装部署：提供详尽的保姆级教程，帮助你本地进行部署安装。

1. 免费升级：后续产品迭代均可免费享受升级。

1. 优先支持：由于时间和精力问题，提供微信远程有限技术支持。

我是AI编程瓜哥，如果你对 '长视频AI自动切片' 感兴趣，欢迎与我建立联系。