当重复劳动遇上AI开发，一位数据PM的『懒人盒子』就此诞生。通过Claude Code快速拆解需求、Skill辅助前端设计、Vercel一键部署，他将繁琐的JSONL处理流程整合成可视化工具，实现了从『到处找脚本』到『自主掌控』的跃迁。本文详解这个纯前端工具的开发心法与实战价值，为数据工作者提供可复制的效率升级方案。

25 岁数据 PM 的「小众」作品：AI 辅助开发 + Vercel 部署，从此告别到处找脚本的日子。

一、天下苦 JSONL 久矣

我，25 岁，数据 PM。日常就是：清洗数据、对接标注、交付文件。一句话概括——每天都在和 JSONL 较劲。

改字段、加日期、切文件、过滤超长行……这些事重复多了，人就麻了。

以前怎么搞？自己写脚本。顺便帮同事也写。久而久之，直到有一天——

换电脑了，脚本忘了拷。

那天早上有个需求，要按时处理一批数据。我打开新电脑，脑子里一遍遍回想代码逻辑，手上却什么都没有。那种慌张，懂的都懂。

就是从那天起，我下定决心：与其记 10 个脚本，不如做一个随时能打开的「懒人盒子」。

二、Claude Code + 一个中午 = 能用的工具

之前用过 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 帮忙，门槛没那么高，成就感却很实在。

如果你也在做类似的事，欢迎交流；如果还没开始，不如今天下班前花两小时试试？