👀 起因：只想下个视频，结果像闯关
平时刷网站看到有趣的视频，想保存下来留着剪辑或传给朋友，但是现在很多视频地址不是 mp4，而是各种封装过的 m3u8 或 blob 链接。直接右键另存是没戏的，用浏览器调试工具扒地址也常常被防盗链拦住。
我一开始的做法是上网搜“视频解析工具”，结果出来一堆站点，看起来五花八门，但套路都一样：
点开页面要你先关注个公众号
然后输入验证码
拿个密钥去别的页面再粘贴
返回一个压缩地址，点击跳转才是视频源
一通操作猛如虎，五分钟下个视频还要斗智斗勇，身心俱疲。
作为一个做后端的我直接受不了了，心想：这有必要这么复杂吗？不就抓个链接，做个 proxy 播放嘛。但现实是——我不太会前端，连个 Vue 页面都写不顺溜，更别提 UI 美化和响应式了。
💡 灵感来了：要不试试 AI Agent？
最近大家都在聊 AI Agent，尤其是几个爆火的工具：
🧑💻 Cursor（一个 AI 驱动的 VSCode 替代品）
🧠 Claude Code（分析代码能力很强）
🧭 Trae、GPT-4o 等等
我试着和 Cursor 聊了一下，没想到它不光能补代码，还能：
自动创建项目结构
提供组件建议
根据我说的功能写完整的 API 路由
于是我心里一动，何不让 AI 来搞定前端，我只管后端逻辑？结果是……我太天真了。
它不止搞定了前端，连后端也写得比我快……
🛠️ 构建过程：从念头到上线不到两个小时
我设定的 MVP 非常明确：
输入一个视频链接
返回真实的播放地址（比如 m3u8、mp4）
支持一键播放 / 复制链接
页面不要太丑，能用 Tailwind 直接出效果
最终技术栈选型如下：
后端：
Go + Gin 框架：我熟，简单快速
封装了 yt-dlp 命令行调用，并对一些特殊站点做了定制规则
前端：
Vite + Vue3：用 Cursor 生成页面结构 + API 接口对接代码
UI 基本靠 Tailwind + AI 生成的组件结构（不再手写一堆 class）
部署：
前端部署在 Cloudflare Pages，速度快、免费、国内可访问
后端部署在我的海外 VPS 上（自动设置了 Nginx 反代）
🐞 遇到的小问题
Twitter 视频解析出来是 m3u8 格式，Video.js 默认不支持，得引入 videojs-http-streaming
某些网站必须登录才有权限看视频，用 yt-dlp 时需要带 cookie，这块我还没做 session 管理
AI 虽然很强，但有时会写出“看起来很对但其实没测试过”的代码，调试时要多手动验证一遍
🚀 做这个项目的真实动机
说实话，不是为了炫技，也不是为了推广赚钱。纯粹是：
自己用得着 —— 视频类站点越来越多，但是下载解析工具始终少得可怜，要不复杂要不被墙，要不广告一堆。
练手练技术 —— 借这个机会顺便搞搞 Vue3、Video.js、Vite 等最近想学但一直没时间学的东西。
试试 AI Agent 能帮我走多远 —— 真的，AI 辅助开发已经不是“能不能做”的问题，而是“你要不要用”的问题。
🔗 项目地址（非商业，仅供测试）
我把这个小工具挂在了：demo
欢迎尝试，也欢迎交流！
如果你也有类似的想法，强烈建议试一试 AI 开发工具。像 Cursor、Claude Code、Copilot Chat，这些工具可以大幅度减少你从 0 搭建一个产品的成本。
🧠 最后的一点感悟
以前我总觉得“前端好麻烦”，直到有了 AI。它们不只是补代码，更像是一个“懂你意图”的拍档。
这个小项目，从需求→原型→上线，我最多写了 1/3 的代码，其余的全靠 Cursor 生成 + 自己调整。
现在我终于体会到一句话的意义了：
“别把时间浪费在重复性劳动上，让 AI 帮你搬砖。”
如果你也在做 side project，不妨也让 AI Agent 参与一下，或许你会像我一样惊呼一句：
“香疯了。”
