本文是實戰教程，很長，建議先收藏再看。
好友歸藏、神佬，經常推薦 Youware 這個Vibe Coding工具。
https://www.youware.com
我以前也用過，但用的不深。
直到最近他們上線了一個新功能：CoView
體驗後，大爲震撼！
Vibe Coding工具這麼捲了嗎？
竟然把錄屏功能整合進產品。
到底有什麼用，我給大家演示下。
不得不說，這個產品交互設計太妙了！
激動的馬上在 X 發了一條帖子 。
體驗就跟真的程序員說話，指着屏幕提改動！（雖然這樣做不好😄）
網友也深表同感，都勾出他的回憶陰影了，哈哈哈。
開發個自用工具
有這麼牛X的工具，必須做個產品（垃圾）出來。
做啥呢？
平時我會管理十多個AI微信羣。
主題都不一樣，有聊AI工具，有聊熱門AI技術，有聊AI自媒體。
有免費，也有付費。
有個共同點，只要在羣裏發紅包或AI工具邀請碼，就會熱鬧起來。
發紅包真管用（來自一支菸花社區Brad強建議）。
可並不富裕的我，做不到天天發。
而作爲AI自媒體，搞一些AI產品邀請碼/優惠券，還是相對容易。
「喬木福利社」想法來了：
做個網站，羣友自助領福利（邀請碼、Prompt、PDF等）。
第一步 生成需求文檔
別上來就說要實現什麼功能。
推薦用下面的 Vibe Coding 提示詞。
https://xiangyangqiaomu.feishu.cn/wiki/TDbawpjc2iuMkAkhbHOc70dMnac
先簡單描述產品想法，讓AI生成詳細需求文檔。
模型可選Claude、Gemini或GPT，用他們的最頂級模型。
如果覺得哪兒不對，對話調整就行。
後來，我發現Youware也有Chat模式，切換過去聊需求就行。
隨時切換頂級模型。
第二步 發給Youware開發
把第一步文檔整個發給Youware，進入開發。
等待時，點下面紅框中的icon啓用CoView，很快會用得上。
會引導開啓瀏覽器的錄屏和音頻輸入權限。
第一次設置稍微麻煩，以後就省事了。
第三步 持續對話迭代
選的是Claude Opus 4.5模型，第一版生成的是藍紫漸變！
這半年多，真的快看吐了。🤮
點擊錄屏，告訴Youware，我喜歡 Vercel 黑白灰配色，修改界面。
馬上高級了很多。
對於網址來說，沒有Logo和favicon怎麼行。
打開下面網站，選一個圖標和配色，點擊Download
https://icon.kitchen/
壓縮包上傳 Youware 對話框，說：
“附件是我的網站Logo和favicon，幫我加上去”
AI會自動解壓、查找部署到網站，這個小技巧一定要學會啊！
另外，Youware對話框上面有一個 Boost 按鈕。
點擊會出現三個預設提示詞。
大膽去試，效果相當驚豔。
應該針對性做了定製強化，比自己描述效果好太多了。
AutoFix功能我沒用過，有空再試。
一站式整合
數據庫和賬號整合
既然是社羣福利站，那就需要賬號系統。
有賬號系統就需要有數據庫。
之前體驗過很多網頁Vibe Coding產品。
比如v0、bolt.new、lovable等。
這些工具都會用第三方Supabase做數據庫，再用Vercel或replit部署。
做個網站，竟然要輾轉多個平臺，開發一時爽，部署真TMD累。
這點Youware就做得很好。
直接整合了數據庫和部署，之前推薦的Tricle也類似，還是國內創業者考慮周到。
不過，Youware更進一步，竟然整合了谷歌註冊登錄。
官方教程很清晰，照着做，2分鐘就搞定了。
核心步驟：
-
1. 去谷歌創建個應用，填寫Youware給的兩個Callback URL。 -
2. 獲取Client ID和Secret，回到Youware填寫就行。
創建谷歌應用入口
https://console.cloud.google.com/auth/overview/create?hl=zh-CN
填寫搞定後，網站登錄就能看到谷歌登錄選項。
你不需要做任何開發改動，非常輕鬆！
自定義域名
如果是Youware Pro以上會員。
可以做以下設置。
一個是從社羣隱藏，一個是網頁不顯示 Youware 徽章。
重點說第一個：自定義域名。
想做獨立站，品牌域名很有必要。
進入域名設置，填寫子域名或主域名，比如我的是
fuli.qiaomu.ai
點下一步,會生成 DNS 配置。
按教程指引，複製DNS配置，到自己的域名管理後臺填寫。
等十多分鐘Youware自動驗證通過，就能用了。
有獨立域名或子域名，無論從記憶還是品牌傳播角度，都會更好。
網站功能介紹和需求
花了半天時間，成品終於做好了。
https://fuli.qiaomu.ai/
電腦 Web 端
微信內顯示
創建福利項目
功能挺複雜，包含了標題、內容、封面、標籤設置。
內容發佈支持Markdown，粘貼插入圖片等。
還做了些內容控制。
比如是否需要登錄才能看，是否自動發用戶註冊郵箱等。
（郵件用resend API，每月 免費 發3000封，每天100）
另外，Youbase支持環境變量管理祕鑰，未來考慮接入一些大模型。
項目關聯邀請碼
每個項目都可以關聯邀請碼，用戶評論自動發或管理員手動發放。
有內測需求的AI產品可以聯繫我，微信：vista8
有大量羣友喜歡體驗測試新AI工具。
支持各種素材的分享
比如Epub/PDF下載、AI音樂播放下載、Skill Zip包下載等。
無限層級評論
像一個小型BBS，甚至以後能用來徵集「未來硅世界」直播問題，交流起來很方便。
寫在後面
回顧整個開發過程，從最初的想法到最終上線，前後只花了半天時間。
不需要精通代碼，只需要：
-
• 清晰地表達需求 -
• 會用 CoView 錄屏指出問題 -
• 有耐心持續迭代優化
說實話，網站還有很多可以優化的地方，也有一些小BUG。
但對於社羣福利站來說， 當前功能已經完全夠用了。
核心理念：幹中學，不追求完美，先做個垃圾出來，持續迭代。
Youware的CoView，讓 交互變自然了，像和真人程序員溝通：
打字描述，好幾輪才能說清楚，現在可以錄屏，指着頁面說"這裏不對，改成這樣"。
我預感，未來所有在線 Vibe Coding 工具都會加入類似功能。
朋友們， 不要只收藏，動手做起來！
比如做個人博客、垂直網站導航，哪怕是個TodoList，行動起來。
編程門檻已降到歷史最低點，唯一障礙：願不願意開始。
AI 時代，每個人都可以是創造者！
最後，感謝歸藏、神佬推薦，感謝Youware，感謝讀到這裏的你。
你想做什麼有趣的項目，歡迎評論區留言。