最近沉迷于 Vibe Coding 的快感,我接连肝出了网页总结、卡片记账等几个小产品。

但做多了也发现一些问题。

其中一个很消耗人的事,是基本上我每做一个产品都要和 AI 来回聊好几个小时,才能进入无限修 AI bug 还修不好的环节。

这样下去,我这独立开发的致富梦怕是要被自己拖垮了。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

*和AI聊了4个小时才改出一个勉强能用的版本

吃过熬夜又浪费钱的苦之后,我痛定思痛:我 Vibe Coding 太 Vibe 了,每次都和AI想到哪聊到哪,从来不先把产品整体设计一下,把功能都想清楚、写出来。

于是!我决定尝试回归 “正统路线”。也就是先写 PRD,再快速做个 Demo 看看效果,最后再让 AI 帮我写代码,成为 “半个”正经的独立开发者。

刚好最近 Skill 风很大,能批量生成自己需要的技能,扣子也发布了相关功能。

链接:https://www.coze.cn/skills

打开网易新闻 查看精彩图片

我就想,能不能把 “根据想法生成 PRD 和产品 Demo” 这件事,也做成一个扣子技能?这样一来,不仅模型输出更稳定,以后还能反复用,相当于给自己配了个产品经理外挂。

实测后我发现,光速做完的扣子 Skill 效果确实不错——经它输出的 PRD 和产品信息,基本能拯救所有其他模型的代码。

比如 Claude 4.5 Sonnet,算是 Coding能力很强的选手。我让它基于扣子 Skill 的 PRD 和直接口喷的提示词,分别做了两版马年春联生成器(给大家拜个早年)。

第一张是 Claude 根据扣子 Skill 生成的 PRD 做完的效果,功能全且能顺畅交互。第二张是直接通过提示词出的产品,虽然打眼一看配色炸裂,但充满了按钮点不动,交互不到位的 Bug。

没想到扣子 Skill,居然能把 Claude 这种优秀选手的输出优化这么多。

打开网易新闻 查看精彩图片

*Claude 根据扣子 Skill 生成的 PRD 做完的效果

打开网易新闻 查看精彩图片

*没用扣子 Skill 直接通过提示词输出的效果,Bug 挺多

整体试验下来,我觉得先通过扣子 Skill 生成 PRD、再让其他模型根据 PRD 来写代码的产品,基本能直接交付了。

用Skill生成独立开发加速器

接下来上干货,说说我咋用的扣子 Skill。

Step 1: 进入 code.coze.cn 这个链接,点击对话框上方的“技能”。

Step 2: 掏出两篇压箱底 PRD产品文档,丢给扣子。让它分析学习后生成一个能把产品构想改写成高质量的 PRD 的技能。

没错,只需要这两步,全程自然语言口喷输入,它就开始干活了。

在这个干活页面上的左边栏,能看到扣子制作 Skill 的细节

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

*左右滑动查看

我看着它,阅读我上传的PRD总结文档结构和内容整理PRD 文档的写作模板生成之后执行任务时能用的“PRD 写作指南”。

不到10分钟,这个一键制作 PRD 的 Skill 被搞定了。点开一看,这细节扑来一股产品老登味儿,我安心了。

打开网易新闻 查看精彩图片

*总结得挺到位,不到10分钟成为产品老登

PRD 到位,我开始继续制作一个能让 PRD 快速变成产品 Demo 的技能。没错,咱们就是要把效率拉满

还是一样,通过扣子技能的对话框描述功能:

帮我生成一个「技能」。用户只需要上传一份详细的PRD文档,就能一键生成一个高保真的、可交互的产品demo出来。在生成demo时,你需要注意,必须覆盖到产品的主流程,用户的主交互链路,并尽可能覆盖异常情况。如果产品需要数据,你需要尽量模拟真实场景,自行编造一些数据,用于在demo上展示。

点击开始执行!扣子先拆解任务,把创建 Demo 分成读取 PRD、分析产品结构、设计交互、生成代码、创建预览文件五大步骤。

打开网易新闻 查看精彩图片

在生成 Demo 代码后、创建 Demo 前,它还写了两个“指导”文档,把“怎么分析 PRD”和“生成 Demo 代码的规范”做了个总结。这样下次再用到这个 Skill,它就能参考文档的分析思路。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

*左右滑动查看

大概等了不到5分钟,Demo 生成的技能也创建好了。

等于总共花了半小时,我就用扣子完成了 PRD 生成+ Demo 生成的 AI 提速链路

打开网易新闻 查看精彩图片

进阶的Vibe Coder!

搞定两个 Skill 的制作,技能配齐,我立马跑了个实测。

马年春节快到了,我决定做一个让用户一键生成马年春联的小网页,不仅能生成春联内容,还把春联直观展示出来。

Vibe Coder 的自我拯救,我踏马来了

给 Skill 里输入一些不成熟的提示词:

使用「PRD撰写技能」,帮我撰写如下产品的PRD:一个可以帮用户生成马年春节祝福春联内容的网页。网页不仅能生成春联的文案内容,也能直接以漂亮美观的3D样式直接展示出春联。如果用户对春联内容不满意,也可以反复重新生成对联的内容。同时,用户也可以自行输入春联的文案。

过了四分钟,扣子写出了一篇详细的 PRD。

读完内容,我发现它不仅写了所有我说的功能点,还补充了很多细节。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

*文档中规范了所有可能遇到的异常情况展示逻辑;明确标注了哪些功能点必须要有;还直接以线框图的形式画出了界面样式、指定了配色色号

接着,我开始连环尝试 Demo 生成 Skill。

我把刚刚生成好的 PRD 丢给了扣子,让它调用“产品 Demo 生成技能”,直出效果。

结果,PRD 中提到的功能都没落下,页面上每个按钮也都能正常点击。

想想之前,我还用 Claude 等其他模型直接对话做出过春联生成器。结果页面上只有俩按钮,还有一个没反应。生成新的对联时,上下联的前4个字还不会变。

我继续用扣子产品老登写好的 PRD 拯救之前的“废柴输出”。

不出所料,得到 Skill 加持的模型,生成的产品功能多了,效果也靠谱了不少。有了这个产品,妈妈估计不怕我不会拜年了。

在更正经的需求里,我还用这两个技能跑了制作数据看板的需求。

看着这一共花了十来分钟做出的看板,不知道这对厂里的产品经理们是福音还是裁员警铃

总之,这次扣子新上的 Skill 还是让我这个初级 Vibe Coder 浅尝了一把 AI 拯救 AI 的滋味,似乎又能继续做独立开发的致富梦了。

这两个我做的 Skill 也已经上架到了扣子的技能商店里,朋友们有需求可以自取。

打开网易新闻 查看精彩图片

另外,我还尝试了技能商店里的3D图标站、花叔的自动化写作等 Skill,有种顺手就能集各位所长的爽感。

祝分享 Skill 的 AI 好人们一生平安。