北京
最近沉迷于 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 好人們一生平安。
特別聲明：以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布，本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
