当重复劳动遇上AI开发，一位数据PM的『懒人盒子』就此诞生。通过Claude Code快速拆解需求、Skill辅助前端设计、Vercel一键部署，他将繁琐的JSONL处理流程整合成可视化工具，实现了从『到处找脚本』到『自主掌控』的跃迁。本文详解这个纯前端工具的开发心法与实战价值，为数据工作者提供可复制的效率升级方案。
25 岁数据 PM 的「小众」作品：AI 辅助开发 + Vercel 部署，从此告别到处找脚本的日子。
我，25 岁，数据 PM。日常就是：清洗数据、对接标注、交付文件。一句话概括——每天都在和 JSONL 较劲。
改字段、加日期、切文件、过滤超长行……这些事重复多了，人就麻了。
以前怎么搞？自己写脚本。顺便帮同事也写。久而久之，直到有一天——
换电脑了，脚本忘了拷。
那天早上有个需求，要按时处理一批数据。我打开新电脑，脑子里一遍遍回想代码逻辑，手上却什么都没有。那种慌张，懂的都懂。
就是从那天起，我下定决心：与其记 10 个脚本，不如做一个随时能打开的「懒人盒子」。
之前用过 Claude Code，觉得挺顺手。这次直接拿它开干。
2 小时，开发 + 部署，全搞定。
开发过程：功能拆解 + AI 协作
我把需求拆成模块：日期插入、Prompt 截断、文件切分、字段编辑、大小过滤……Claude Code 负责把逻辑拆成可组合的处理器，还顺带帮我写了自动化测试。以前自己写脚本，最烦的就是测边缘 case，这次省了不少事儿。
UI 设计：用 Skill 搞定前端
PS：背景是自己画的，用Figma
我不是设计师，但想做一个看得过去的界面。调用 Skill 做了前端设计，不用自己调布局和配色，很快就搭出了工业风深色主题 + 青色强调色的样式。数据 PM 会一点前端，加上 AI 帮忙，也能做出像样的东西。
部署：Vercel 一把梭
做完之后直接部署到 Vercel，静态站点推上去就行，不用配服务器。随时访问，换电脑也不怕了。
一句话：把以前分散在多个脚本里的功能，全部集成到一个可视化界面里。
我每周用它2～3 次，最常用的就俩：
其他还有：日期插入、Prompt 截断、Reference 备份、按行大小/长度过滤……勾选 → 配置 → 点「处理并下载」，完事儿。
纯前端处理，数据不上传。敏感数据也不用担心。
省时省力，不用再找别人要脚本。想怎么处理，自己就能搞定。
可视化操作比改代码直观多了，临时想调个参数，也不用翻脚本。工具在自己手里，掌控感直接拉满。
这篇文章主要是想跟做数据、产品、泛职场的同学唠唠：
遇到重复劳动，不一定非要等研发排期。
用 Claude Code 这类 AI 辅助开发工具，把需求拆清楚、一步步迭代，很多小工具一个下午就能搭出来。再加上 Vercel 这类托管，部署也不难。
重点不是秀技术，而是想说：下次再遇到重复劳动，不妨先试试自己动手——用 AI 帮忙，门槛没那么高，成就感却很实在。
如果你也在做类似的事，欢迎交流；如果还没开始，不如今天下班前花两小时试试？
本文由 @像素呼吸 原创发布于人人都是产品经理。未经作者许可，禁止转载
题图来自Unsplash，基于CC0协议
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。