扣子Skill最新实测：一键生成PRD+产品Demo，成为更强Vibe Coder

最近沉迷于 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 好人们一生平安。