小白 Vibe Coding 發行全平台&可變現應用指南

前排時間見到馬伯庸話佢重新開始寫日記，仲分享咗佢嘅日記方式。

我發現佢寫日記嘅方式同 Karpathy 分享嘅筆記方式好相似。

都係 Append-only 模式，淨係記錄事實，唔打標籤、唔分類，摩擦好低，可以大大提升記錄嘅積極性。

我發現呢種單文件嘅記錄方式其實好適合 AI 時代：

得一隻文件、得事實，搞到就算一年嘅記錄都係得幾萬字，根本達唔到常見模型嘅上下文長度。

可以方便咁將成個年嘅日記交俾 AI 分析，等於係屬於你自己嘅 ChatGPT 記憶，任何模型都用得。

啱啱嗰幾日 Youware 上線咗 YouBase 嘅 AI 後端同數據庫服務。

我就諗可唔可以做一個跟呢種日記方式嘅應用，俾我自己用。

點知真係搞咗一個全平台嘅完整產品 Vibe Diary（diary.guizang.ai）出嚟，仲俾咗啲朋友邀請碼。

好多朋友而家都仲用緊，估唔到黏性咁高。

介紹下我用 Youware Vibe Coding 整嘅呢個日記產品，順便睇下 Youware 能力有幾勁：

全平台都用得：喺 iOS、Android 手機上都得到類似原生應用嘅體驗，仲可以喺 Mac 同 Windows 獨立窗口打開；

AI 標籤系統：建議用語音輸入，保存嗰陣 AI 會自動分析內容，幫每一條日記加標籤；

Todo 模式支援：AI 會自動判斷日記內容係咪待辦事項，完成咗就會消失，設計簡潔剋制；

精細打磨嘅設計：藏師傅嘅設計系統，用咗莫蘭迪色系，每日日記卡片顏色都唔同；

全能搜尋：支援關鍵字、日期、標籤搜尋，精準揾到你想要嘅內容；

Markdown 匯出：將所有日記匯出成一個 Markdown 文件，方便同任何頂尖模型互動。

登入註冊同邀請碼：支援用戶自己註冊登入，支援邀請碼發放同核銷功能。

有咗內置嘅後端服務同數據庫之後，Youware 已經可以透過 Vibe Coding 整出真正可以分發同賺錢嘅產品。

今日嘅內容就用我呢個例子教大家點樣用 Youware 整類似全平台分發同可以變現嘅產品。

創建項目大家應該都好熟悉喇，我以前都介紹過。

撳側邊欄嘅 Create 掣，將輸入框左邊嘅模式轉做 Code

右邊揀自己鍾意嘅模型，模型揀選呢度。

我生成第一個版本同具體邏輯嗰陣會用 Sonnet4.5，一旦整好要最佳化樣式嗰陣，我就會轉用 Gemini 3 Pro。

之後就好簡單喇，提出你嘅需求，我建議先整好最核心嘅流程。

例如我呢度會先叫佢整一個日記軟件，呢度嘅核心設計係：

• 用戶輸入日記之後要保存一份原始嘅文字內容

• 另一部分用 AI 模型分析日記，然後幫日記內容打標籤，標籤內容係時間、地點、人物等。

呢度如果靠 YouBase 嘅後端搞掂，就需要新建兩個表嚟儲存。

一部分係原文，另一個係原文同對應嘅標籤。

匯出嗰陣從原文嘅表讀取資料，顯示嗰陣就用有標籤嘅表。

你同佢講完之後，佢就會識別到你要用 YouBase 嘅需求，叫你撳一個掣開通。

開通之後佢就會自己完成數據庫嘅建立同儲存功能。

你可以喺右邊預覽位置上面嘅雲朵圖示裏面揾到新建嘅數據庫。

呢度嘅 Diary_entries 就係用戶嘅日記原文，Diary_tags 就係標籤。

跟住，我哋講下 AI 功能嘅加入，呢個都係 Youbase 嘅特色功能，解決咗 Vibe Coding 好大一個問題。

以前我哋自己有 AI API 嗰陣冇後端，就只能將 API Key 放喺前端，呢個好危險。

YouBase 裏面有一個位置（Secrsts）可以專門儲存你嘅各種 API，杜絕洩漏風險。

例如我呢度要加入 AI 分析日記內容嘅功能。

你就同佢講：「用戶創建日記之後需要調用 openrouter 嘅 XX 模型分析內容，並且建立日期、地點、人物等標籤」

佢就會自己查詢應該點樣加入 openrouter 嘅模型，你可以將文檔俾佢。

等佢完成之後，佢就會喺左邊嘅聊天框向你要對應嘅 API Key，你直接填寫就得，好簡單。

填寫之後佢會存喺頭先講嘅 YouBase 裏面嘅 Secrsts 入面。

基本功能搞掂之後，我哋就需要修改 UI 喇，呢陣時成日需要頻繁咁調整。

模型冇可能好清楚咁瞭解你用自然語言描述嘅位置同修改方式，好多朋友都唔知應該點樣描述。

Youware 上線咗一個好犀利嘅功能 Coview。

你撳咗之後佢會開啓錄屏，你可以一邊講嘢一邊用滑鼠指住需要修改或者新增功能嘅位置。

結束之後模型會按照你嘅要求修改，解決咗好多新手唔識描述位置同問題嘅問題。

可以睇上面呢個示範，撳輸入框右下角嗰個圓點錄製掣，開始錄製，講出要求，然後結束錄製。

Youware 會分析你嘅影片內容同音訊內容，之後整理需求變成專業術語，描述俾畀模型叫佢修改。

關於 UI 修改，教大家一個方法，可以叫佢幫你整出美觀兼一致嘅 UI。

你可以揾一個同你想做嘅產品相似嘅產品截圖或者設計稿。

發俾 Youware，然後話：「分析呢個設計稿，提取入面嘅設計元素，變成設計 Token 同埋組件設計，為平台上嘅所有設計應用修改，之後嘅修改都係基於呢套組件同設計樣式。”

跟住我哋就需要加入登入系統同邀請碼系統喇。

呢個都係 YouBase 自帶嘅功能，你可以同佢講：

幫我呢個項目加入登入註冊系統，並且建立邀請碼系統，邀請碼單獨存喺一個數據表入面，冇核驗過邀請碼嘅禁止登入。

然後佢就會幫你建立一個登入同註冊頁面，登入之後需要先輸入邀請碼，冇嘅話就睇唔到項目首頁。

你可以喺 YouBase 頁面嘅 Users 位置睇到你嘅用戶同管理用戶。

當然 YouBase 甚至支援幫你建立 Google 登入服務，只需要喺上面 Users 右上角撳 Auth Settings。

入去之後揀 Google 登入，就可以睇到 Google 登入需要進行嘅設定，開啓之後跟住指引影片設定就得。

當然你可以喺數據庫頁面睇到一個新增嘅表 invitation_codes。

呢入面儲存咗系統頭先生成嘅邀請碼同埋使用情況，你可以喺呢度管理同複製邀請碼。

跟住，我哋就可以傾下我講嘅全平台呢個詞喇，我採用咗一個取巧嘅方法，就係 PWA 應用。

如果你嘅網頁被打包成咗 PWA 應用，用戶就可以直接將網站安裝到佢嘅電腦或者手機桌面，有獨立嘅圖示，仲可以獨立視窗運行，甚至斷咗網絡都用得。

我就係透過呢個方式將 Vibe Diary 變成咗全平台應用。

咁點搞呢，你直接同 Youware 話：「將呢個網頁打包成 PWA 應用，仲要做好手機端適配」就得。

最後我哋就講到變現呢部分喇，Youware 而家可以好方便咁幫你整合 Stripe 呢種支付服務商。

你只需要設計好你嘅付費體系，同埋做好 Stripe 要求嘅合規頁面，例如私隱協議等。

然後同 Youware 話幫我整合 Stripe 嘅支付服務就得，佢會喺整合完嘅時候叫你填寫你嘅 Stripe Token。

你填寫完之後都會存喺 Secrsts 入面。

分發嘅另一個部分就係獨立域名喇。

以前你嘅項目淨係可以用 Youware 嘅域名，好唔利於分發，亦都唔容易建立信任感。

尤其係當產品做得大嘅時候。

現在Youware 已經可以綁定自己嘅域名喇，撳右上角嘅「update」，或者如果你第一次發佈嘅話，掣嘅名唔係呢個。

然後喺彈出視窗嘅 Domain 位置撳嗰個箭嘴，喺新開嘅視窗撳「add Domain」掣。

你輸入自己想要綁定嘅域名，佢會出現幾個參數，你只需要去你嘅域名服務商加入呢幾個參數就得。

如果揾唔到你域名服務商嘅加入位置，可以喺左邊開啓 Chat 模式，問下 Youware，佢會話畀你知。

到而家你基本上已經搞掂咗創建一個可以正式發佈嘅產品所有嘅內容喇。

我過去半年一路都話隨住模型代碼能力嘅提升。

AI Coding 嘅基建一定係一件好重要嘅事，一旦解決就可以大幅降低 Coding 成本。

亦都可以為 AI Coding 產品創造新嘅利潤增長點同產品壁壘。

Youware 今次直接整咗一套專門為編碼 Agent 服務嘅後端同數據庫基建。

直接令最普通嘅用戶建立完整可發行嘅產品變成可能。

而且喺修改同描述上降低用戶認知操作成本，佢哋都做咗好多嘢。

例如自動修復，修復唔扣積分，同埋最新上線嘅 Coview。

如果你一路都想做一個產品，已經構思咗好耐，但係實在唔識編碼知識嘅話，可以嚟 Youware 試下。

覺得今日嘅內容唔錯嘅話，歡迎俾個讚👍或者點喜歡🩷，亦都可以喺留言區提出你嘅使用問題，我見到就會回覆。

前段時間看到了馬伯庸說自己重新開始寫日記了，還分享了自己的日記方式。

我發現他寫日記的方式跟 Karpathy 分享的筆記方式很像。

都是 Append-only 模式，只記錄事實，不打標籤、不分類，摩擦很低，可以極大的提高記錄的積極性。

我發現這種單文件的記錄方式其實非常適合 AI 時代：

只有一個文件、只有事實導致即使一年的記錄也只有幾萬字，都達不到常見模型上下文長度。

可以方便的把一整年的日記拿給 AI 分析，相當於屬於你自己的 ChatGPT 記憶，任何模型都能用。

剛好那幾天 Youware 上線了 YouBase 的 AI 後端和數據庫服務。

我就在想能不能做一個踐行這種日記方式的應用，給我自己用。

沒想到真的搞了一個全平台的完整產品 Vibe Diary（diary.guizang.ai）出來，也給一些朋友發了邀請碼。

很多朋友現在還在用，沒想到粘性這麼高。

介紹一下我用 Youware Vibe Coding 的這個日記產品，順便看一下 Youware 能力有多強大：

全平台可用：在 ios、安卓手機上也能獲得類似原生應用的體驗，也能在 Mac 和 Windows 獨立窗口打開；

AI 標籤系統：推薦用語音輸入，保存的時候 AI 會自動分析內容為單條日記添加標籤；

Todo 模式支持：AI 自動判斷日記內容是否為待辦事項，完成消失簡潔剋制；

精細打磨的設計：藏師傅的設計系統，採用莫蘭迪色系，每天日記卡片顏色都不同；

全能檢索：支持關鍵字、日期、標籤檢索，精準找到你想要找的內容；

Markdown 導出：將所有的日記導出為單個 Markdown 文件，方便與任何頂尖模型交互。

登錄註冊和邀請碼：支持用戶自己註冊登錄，支持邀請碼發放和核銷能力。

有了內置的後端服務和數據庫之後 Youware 已經可以通過 Vibe Coding構建真正可以分發和賺錢的產品了。

今天的內容就用我這個例子教大家如何用 Youware 構建類似全平台分發和可以變現的產品。

創建項目大家應該都很熟悉了，我以前都介紹過。

點擊側邊欄的 Create 按鈕，將輸入框左邊的模式切換為 Code

右側選擇自己喜歡的模型，模型選擇這裏。

我在生成第一個版本和具體邏輯的時候會用 Sonnet4.5 ，一旦構建完成優化樣式的時候我會切換為 Gemini 3 Pro。

後面就很簡單了，提出你的需求，我的建議是先構建最核心的鏈路。

比如我這裏會先讓他創建一個日記軟件，這裏的核心設計是：

• 用戶在輸入日記之後需要保存一份原始的文本內容

• 另一部分用 AI 模型分析日記然後為日記內容打標籤，標籤內容是時間、地點、人物等。

這裏如果有 YouBase 的後端搞定的話就需要新建兩個表來存儲。

一部分是原文，另一個是原文和對應的標籤。

導出的時候從原文的表讀取信息，顯示的時候用帶標籤的表。

你在跟他說完之後他就會識別到你要使用 YouBase 的需求，要求你點擊一個按鈕開通。

開通之後他就會自己完成數據庫的創建和存儲的能力。

你可以在右側預覽位置上方的雲朵圖標裏面找到新建的數據庫。

這裏的 Diary_entries 就是用戶的日記原文，Diary_tags 就是標籤。

接下來，我們說一下 AI 功能的添加，這個也是 Youbase 的特色能力，解決了 Vibe Coding 很大的一個問題。

以前我們有自己的 AI API 的時候沒有後端，就只能把 API Key 存在前端這個很危險。

YouBase 裏面有一個位置（Secrsts）可以專門貯存你的各種 API ，杜絕泄露風險。

比如我這裏要添加 AI 分析日記內容的能力的話。

你就跟他說“用戶創建日記後需要調用 openrouter 的 XX 模型分析內容並且創建日期、地點、人物等標籤”

他就會自己查詢應該如何添加 openrouter 的模型，你也可以把文檔給他。

等到他完成之後，他就會在左邊的聊天框往你要對應的 API Key，你直接填寫就行，非常簡單。

填寫之後他會存在剛才說的 YouBase 裏面的 Secrsts 裏。

基本能力搞定之後，我們就需要修改 UI 了，這時候經常需要頻繁的調整。

模型不可能非常清楚的瞭解你自然語言描述的位置和修改方式，很多朋友也不知道該如何描述。

Youware 上線了一個非常牛皮的能力 Coview。

你點擊之後他會開啓錄屏，你可以邊說話邊用鼠標指着需要修改或者新增功能的位置。

結束之後模型會按照你的要求修改，解決了很多小白不會描述位置和問題的問題。

可以看上面這個演示，點擊輸入右下角的那個圓點錄製按鈕，開始錄製說出要求後結束錄製。

Youware 會分析你的視頻內容和音頻內容，之後整理需求變成專業術語描述給模型讓他修改。

關於 UI 修改教大家一個方式，可以讓他幫你創建美觀且一致的 UI。

你可以找一個跟你要做的產品相似的產品截圖或者設計稿。

發給 Youware，然後說“分析這個設計稿，提取其中的設計元素，變成設計 Token 以及組件設計，為平台上的所有設計應用修改，後續修改也基於這套組件和設計樣式。”

接下來我們就需要添加登錄系統和邀請碼系統了。

這個也是 YouBase 自帶的功能，你可以跟他說：

為我這個項目添加登錄註冊系統，並且創建邀請碼系統，邀請碼單獨存在一個數據表裏面，沒有核驗過邀請碼的禁止登錄。

然後他就會為你創建一個登錄和註冊頁面，登錄後會需要先輸入邀請碼，沒有的話無法看到項目首頁。

你可以在 YouBase 頁面的 Users 位置看到你的用戶和管理用戶。

當然 YouBase 甚至支持幫你創建谷歌登錄服務，只需要在上面 Users 右上角點擊 Auth Settings 。

進去之後選擇谷歌登錄，就可以看到谷歌登錄需要進行的設置，開啓後按照指引視頻設置就行。

當然你也可以在數據庫頁面看到了一個新增的表 invitation_codes。

這裏面儲存這系統剛才生成的邀請碼以及邀請碼的使用情況，你可以在這裏管理和複製邀請碼。

接下來，我們就可以聊聊我說的全平台這個詞了，我用了一種取巧的方式教 PWA 應用。

如果你的網頁被打包成了 PWA 應用，用戶就可以直接講網站安裝到他的電腦或者手機桌面，有獨立的圖標，並且可以獨立窗口運行，甚至斷網也能用。

我就是通過這個方式將 Vibe Diary 變成了全平台應用。

那怎麼搞呢，你直接跟 Youware 說“將這個網頁打包成 PWA 應用，並且做好移動端適配”就行。

最後我們就說到變現這個部分了，Youware 現在可以很方便的幫你集成 Stripe 這種支付服務商。

你只需要設計好你的付費體系以及做好 Stripe 要求的合規頁面，比如隱私協議等。

然後跟 Youware 說幫我集成 Stripe 的支付服務就行，他會在集成完畢的時候讓你填寫你的 Stripe Token。

你填寫完以後也會存在 Secrsts 裏面。

分發的另一個部分就是獨立域名了。

以前你的項目只能用 Youware 的域名非常不利於分發，也不好建立信任感。

尤其是當產品做的話。

現在Youware 已經可以綁定自己的域名了，點擊右上角的“update”或者你如果第一次發佈的話按鈕名字不是這個。

然後在彈窗的 Domain 位置點擊那個箭頭，在新開的窗口點擊“add Domain”按鈕。

你輸入自己想要綁定的域名，他會出現幾個參數，你只需要去你的域名服務商添加這這幾個參數就好。

如果找不到你域名服務商的添加位置的話可以在左邊開啓 Chat 模式問問 Youware 他會告訴你。

到現在你基本上已經搞定了創建一個可以正式發佈的產品所有的內容了。

我過去半年一直在說隨着模型代碼能力的提升。

AI Coding 的基建一定是一個非常重要的事情，一旦解決就可以大幅降低 Coding 成本。

也可以為 AI Coding 產品創造新的利潤增長點和產品壁壘。

Youware 這次直接整了一套專門為編碼 Agent 服務的後端和數據庫基建。

直接讓最普通的用戶創建完整可發行的產品成為可能。

而且在修改和描述上降低用戶認知操作成本他們也做了很多事情。

比如自動修復，修復不扣積分以及最新上線的 Coview。

如果你一直想做一個產品，已經構思了很久，苦於實在不懂編碼知識的話可以來 Youware 試試。

覺得今天的內容不錯的話，歡迎點贊👍或者點喜歡🩷，也可以在評論區提出你的使用問題，我看到就會回覆。