首页 笔记 小D实测:我用AI编程扒了一个需求看板,连Jira都懒得打开了
笔记 2026-05-25 09:48:02

小D实测:我用AI编程扒了一个需求看板,连Jira都懒得打开了

本文以零代码基础的产品助理——的第一人称视角,完整记录了用v0.dev和Cursor从0到1搭建一个需求管理看板的实战过程。从一句话生成界面、到读取Excel数据、到增加逾期提醒和搜索功能,再到翻车总结与避坑指南。核心结论:AI编程不是程序员的专利,产品经理可以为自己做小工具,解决日常工作中“等排期、求人”的痛点。

原创
小D

我是小D,一个代码只会改字体的产品助理。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网
这篇是我的真实翻车+翻盘记录,手把手带你用AI做一个属于你自己的需求管理工具。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网
读完你也能做到:一句需求生成一个能跑的后台;不用等研发排期,自己搞定内部小工具;以及,避免我踩过的所有坑。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

先交代背景:我为什么脑子一热自己干了

上周五下午,老板在群里丢了一句话:“小D,你整理一下Q2所有需求的状态,按优先级排个序,周一早上我要看。”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我当时就裂开了。我们用的Jira,但权限设置得跟迷宫一样,我只有“查看”权限,连过滤器都建不了。每次拉需求清单,都得麻烦研发大哥帮我导Excel。人家忙得要死,我不好意思天天催。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

那天研发大哥又没回我消息。我坐在工位上,突然想起上次看的那篇找找AI的笔记——说产品经理可以用AI编程自己搭工具。我以前觉得那都是唬人的,但那天实在是走投无路了,心想:死马当活马医吧。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

结果,我周末两天,真的用AI从0到1扒了一个需求看板出来。现在每天早上打开自己做的页面,看一眼哪些需求快逾期了、哪些还在“待评审”,比Jira好用一百倍(至少不用求人)。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

下面我把整个过程一字不漏地写下来,包括翻车的部分。你跟着做,应该比我快。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

一、前期准备:我一个代码小白需要装什么?

先说我的背景:大学学过一学期C语言,挂科了。工作后没碰过代码,连Git是什么都是现查的。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

但我有一台能上网的电脑,和一个不怕丢脸的脑子。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

工具清单(全免费或试用):rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

  1. v0.dev(Vercel出的,浏览器打开就能用,不用安装)——负责“画界面”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

  2. Cursor(下载安装,有免费试用,后面再说怎么省钱)——负责“把界面变成真东西”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

  3. 一个文本文件(用来复制粘贴,相信我,你会用到)rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

总共耗时:下载Cursor大概3分钟,注册v0用GitHub账号1分钟。没了。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

重点: 不需要装Python、Node.js、MySQL。一开始我也不知道,后来才发现AI会帮你处理好一切。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我踩的第一个坑:我傻乎乎地去装了Python,结果版本不对,折腾一小时。后来Cursor自己搞定了环境,我那一个小时纯属浪费。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

正确做法: 直接开干,缺什么AI会告诉你,它让你装你再装。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

二、第一步:用v0设计界面,像跟人聊天一样简单

我的需求很简单:一个看板,能列出来自Jira的需求清单,显示标题、优先级、状态、负责人、截止日期。最好还能按状态分组,把“待评审”“开发中”“已上线”分开。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我先打开v0.dev(不用下载,浏览器直接上)。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

然后在对话框里打了一句话,就像跟同事发消息一样:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

帮我做一个需求管理看板的界面。顶部有几个按钮:“所有需求”“进行中”“已完成”。下面是三列看板,列名分别是“待评审”“开发中”“已上线”。每一列里面有一些卡片,卡片上显示:需求标题、优先级(高中低用不同颜色)、负责人、截止日期。先做静态UI,不需要真的数据。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

v0大概转了20秒,出来一个页面。我一看,差点笑出声——它直接把三列做成了三块区域,卡片是灰色的占位图,但布局、颜色、字体都挺像那么回事。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

但问题来了:它生成的卡片内容是固定的假数据,比如“需求A”“需求B”。我要的是能从我的数据源里读取。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我不知道怎么改,就在对话框里继续跟它说:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

能不能把卡片里的数据改成从JSON数组读取?我后面会用真实数据替换。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

v0又转了一下,这次出来的代码里多了一个const tasks = [...]的数组。它还在注释里写了:“此处可替换为API请求”。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我虽然看不懂代码,但“替换为API请求”这几个字我看懂了——意思是,我可以自己往里填数据。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我复制了v0生成的代码,保存成一个index.html文件,双击用浏览器打开。哇,一个完整的看板页面就摆在眼前了,还能拖动滚动条。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

这时候我信心爆棚,觉得自己已经成功了80%。但高兴太早了,后面的坑等着我呢。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

三、第二步:用Cursor把静态页面变成“活的”

v0给我的是纯前端静态页面,数据写死在代码里。我需要能从Jira导出Excel,然后让页面读取Excel。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

但我不知道怎么做。于是打开Cursor(第一次用要注册,免费试用14天,够了)。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Cursor打开后,左边是文件夹,右边是代码区。我把v0生成的index.html拖进Cursor左边的文件夹区域。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

然后按Cmd+K(Mac)或Ctrl+K(Windows),弹出一个对话框。我在这里打字跟AI说话。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我打的字是:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

这个HTML页面目前数据是写死在tasks数组里的。我想改成从本地的需求清单.xlsx文件读取数据。Excel的列有:标题、优先级、状态(待评审/开发中/已上线)、负责人、截止日期。请帮我修改代码,实现上传Excel后自动渲染看板。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Cursor开始干活了,右下角出现一个转圈的小图标,代码一行一行地变。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

等了大概30秒,它返回了一堆修改。我看了看,多了几段看不懂的JavaScript,还有一行<input type="file" accept=".xlsx" />rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我按照它的提示,保存文件(Cmd+S),然后在浏览器里刷新页面。果然,页面上方多了一个“选择文件”的按钮。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我从Jira导出了一份Excel(研发大哥终于回我了,导了一份测试数据给我),点上传。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

奇迹发生了——我的需求卡片真的按照Excel里的数据生成了,三列看板自动把不同状态的卡片分到了对应的列里。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我当时在工位上差点叫出来。那种感觉就像你从来没做过饭,突然照着菜谱炒出了一盘能吃的菜。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

但是! 这里有一个大坑:Cursor生成的代码里用了一个叫XLSX的库,但它没有自动引入这个库的文件。所以第一次上传时,浏览器报错:“XLSX is not defined”。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我又回去找Cursor,说:“报错了,说XLSX没定义,帮我加上。”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Cursor马上在HTML的<head>里加了一行<script src="https://cdn.sheetjs.com/xlsx.min.js"></script>rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

再次保存刷新,上传,成了。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

经验总结: 遇到报错不要慌,直接把报错信息复制给Cursor,让它自己改。你不需要看懂报错,你只需要会复制粘贴。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

四、第三步:加上“逾期提醒”和“搜索”,让它更像样

有了基础看板,我又想加点实用功能:那些截止日期已过的需求,能不能自动变红?还有,需求多了找不到,能不能加个搜索框?rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

继续跟Cursor说:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

增加两个功能:1)如果截止日期小于今天,卡片边框变成红色,并在卡片上显示“已逾期”;2)顶部加一个搜索框,输入文字后实时过滤卡片(按标题搜索)。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Cursor又噼里啪啦改了一堆代码。它加了一段日期比较的逻辑,以及一个input搜索框和onkeyup事件。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

保存刷新后,我测试了一下:把一个需求的截止日期改成昨天,卡片果然变红了,上面多了个红色的“已逾期”标签。搜索框输入关键字,卡片实时减少。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

这两个功能,如果要我等研发排期,至少要两周。用AI,前后不到10分钟。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我越做越上头,又加了按优先级排序的功能,还加了一个简单的统计卡片:“共XX个需求,逾期YY个”。每一个都是直接跟Cursor说,它自己改。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

到周日下午,我手上已经有了一页功能完整的需求看板。我把它打包发给老板,说“Q2需求看板,在线预览”。老板回了一个字:“好。”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

周一早上开会,老板打开我的链接,看到那些红色的逾期卡片,当场指着其中一个问研发:“这个为什么还没上?”研发大哥看了我一眼,那个眼神我永远不会忘——有惊讶,也有一点点“你小子学会自己搞事情了”。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

五、翻车总结:五个我差点放弃的时刻

整个过程不是一帆风顺的,我遇到了好几个差点让我砸电脑的问题。写出来给你当避坑指南。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

坑1:本地Excel读取跨域问题rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我直接把index.html在浏览器打开,上传Excel时报错:“Failed to fetch”。查了一下,是因为浏览器的安全限制。Cursor告诉我,需要启动一个本地服务器。它给了我一行命令:npx http-server。我复制到终端(Mac的“终端”App)里运行,然后访问http://localhost:8080,问题解决。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

坑2:日期格式解析错误rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Excel里的日期是“2026/05/25”这样的格式,但JavaScript里的日期比较要求“2026-05-25”。一个需求截止日明明是今天,却因为它没识别出来,也被标红了。我描述给Cursor:“日期比较不对,我的Excel日期是斜杠分隔的,请帮忙兼容两种格式。”它修改了日期解析函数,用正则替换斜杠为横杠,解决了。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

坑3:搜索框不区分大小写rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我搜“支付”能出结果,搜“支付”的大写拼音首字母就不行。Cursor加了一个.toLowerCase()转换。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

坑4:代码改崩了不知道怎么回退rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

有一次我说“帮我加一个按负责人筛选的下拉框”,结果整个页面布局乱了,卡片也不显示了。我慌了,Ctrl+Z(撤销)没反应。后来发现Cursor左侧的文件列表里,对每个文件会自动生成历史版本。我右键点击index.html,选择“恢复上一个版本”,回到了5分钟前的状态。虚惊一场。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

坑5:免费试用到期了怎么办rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

Cursor免费14天,我还没到期。但我想好了后路:到期后可以用VS Code + Cline插件(免费),或者每月花20刀续费。对于一周用一两次的我来说,20刀略贵,但比我请研发喝奶茶便宜。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

如果你一分钱不想花,可以用VS Code加上DeepSeek的API(价格极低),或者直接用Claude的网页版复制代码。但体验会差一些。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

六、这玩意现在长什么样?我真的每天都在用

这是我的真实使用场景:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

每天早上到公司,打开http://localhost:8080,点击“选择文件”,从Jira导出最新的Excel(这一步还是手动的,因为Jira权限问题没解决),上传。看板上自动标出今天有逾期的需求。我会先处理那些红色的卡片——催负责人、确认阻塞原因、更新状态。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

统计卡片显示“共43个需求,逾期8个”。老板每天早上经过我工位,都会瞄一眼我的屏幕,然后说一句“今天又红了几个?”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我还把链接发给了测试组的同事,他们可以自己查某个需求的当前状态,不用再来问我。运营组的妹子也跑来问我要账号,说比她们自己拉的Excel表清楚多了。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

说实话,这个看板的功能可能只达到了Jira的10%,但这10%正好是我们团队最常用的。而且我自己能随时改,不用走需求评审流程。昨天下午运营说“能不能加一个筛选‘高优先级’的开关”,我当场打开Cursor,跟它说“加一个仅显示高优先级的复选框”,5分钟后上线。运营回了一个大拇指。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

这种感觉,你花多少钱都买不到。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

七、给小白的建议:从“替自己做一个小工具”开始

我不是鼓励你以后都用自己做的工具替代Jira。我只是想说:AI编程这东西,你真的可以试试。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

不用一开始就想做个完整的产品。从替自己解决一个很小、很疼的问题开始:rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

你做出来的东西可能很丑、可能有bug、可能只有你自己能用。但没关系。当你发现“我居然可以让电脑听我的话”的时候,那个成就感会让你上瘾。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

而且,下一次当研发再说“这个需求实现不了”的时候,你可以默默打开自己做的原型,把链接发给他:“你看,我几分钟就搞定了。”rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

他可能会沉默很久。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

写在最后的一点私心rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

我以前觉得,“懂技术”是产品经理的一个可选项。现在我觉得,它是必选项——但不是让你去学编程语言,而是学会“指挥AI编程”。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

就像你不需要会做枪,但你需要会扣扳机。AI编程工具就是那把枪,而你只需要瞄准。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

这篇实测写完了。我是小D,一个正在从“产品助理”往“会开工具的野生产品经理”路上爬的人。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

如果这篇对你有用,麻烦给个赞。老板说了,点赞过100,给我报销Cursor的会员费。rj9找找AI - 专业AI导航网站,一站式AI导航,找找AI官网

AI编程实测Cursor教程v0.dev产品经理小工具需求看板零代码小白实测

作者更多笔记