黃鐘輝作品集 · 個人開發 · 一人公司 · 三個上線中的產品

把三個獨立產品,從想法做到能被真人使用

這三個專案都是獨立設計、獨立開發、獨立部署的完整產品——從資料庫 schema、 後端 API、前端介面到金流/訂閱,全端都由同一人負責。共同點是全部跑在 Next.js + Cloudflare(Workers / D1 / Durable Objects)這套組合上, 差異在於各自解決的問題完全不同:客服自動化、班級經營遊戲化、情緒紀錄工具。

開發方法論

一個人維護三個上線產品,靠的是「規格先行+交叉審核」的 agentic workflow

三個專案都不是憑感覺邊做邊改。每個功能先拆解成一份規格文件(team/specs/), 交給 coding agent 依規格實作;實作送出後一定經過另一個模型的獨立 code review(team/reviews/)交叉檢查,抓到問題就退回重做,通過才算完成。 人力只負責產品方向、規格拆解與最終判斷,實作跟找碴分別交給分工明確的 agent 角色, 才撐得住一個人同時開發、維護三個完整產品的節奏。

Step 1 · 人力

拆需求寫規格

把模糊的想法拆成具體、可驗收的任務規格,寫清楚要做什麼、驗收標準、明確排除的範圍。

Step 2 · Coding Agent

依規格實作

照規格寫程式碼、跑測試、送出 commit,不做架構決策,規格不清楚就回報而不是自己亂猜。

Step 3 · 另一模型交叉審核

獨立 code review

故意用跟實作不同的模型做審核,只挑問題不改代碼;有 Critical / Major 問題就退回 Step 2 重做。

AI 語音客服

21規格·70審核報告

ClassGuild

43規格·121審核報告

語音情緒日記

32規格·81審核報告

B2B SaaS · 多租戶語音客服

AI 語音客服

首發垂直:電商(花漾商城 demo 租戶)

多租戶架構的 AI 語音客服平台,一套系統同時服務多個品牌,各自獨立的知識庫、 座席與後台權限。平台管理、租戶管理、客服座席三個層級的操作各自拆成獨立的 /api/platform/* 入口,避免權限邊界混在一起。

Cloudflare Workers Durable Objects D1 Vectorize Workers AI React + Vite Cloudflare Workers Builds
  • 多租戶隔離每個租戶獨立知識庫、座席帳號與用量,平台管理層跟租戶管理層權限分開。
  • 客服座席 Desktop真人客服可即時接手 AI 對話、查看對話歷史與顧客資訊。
  • 語音互動顧客端可用語音直接與 AI 對話,即時語音轉文字+文字轉語音。
  • RAG 知識庫用 Vectorize 做語意檢索,AI 回覆基於租戶自己上傳的商品/規則知識庫。
  • 雲端自動部署接上 Cloudflare Workers Builds,推到 main 分支自動建置+部署整個 Worker,不用手動跑 wrangler deploy。

Web 平台 · 班級經營 × 遊戲化

ClassGuild

正式網址:https://class.gameteacafe.com/

班級經營 + 輕量寵物養成

把班級經營變成一款輕量遊戲:老師發布任務、學生完成任務賺取獎勵,獎勵用來養成 自己的寵物、挑戰 Boss。多語言介面(next-intl),教師端與學生端 各自獨立登入系統,教師可訂閱付費解鎖進階功能。

Next.js 15 TypeScript Supabase Postgres Cloudflare Workers(OpenNext) next-intl 綠界 ECPay 定期定額
  • 老師 Dashboard建立班級、發布任務、查看班級整體進度與學生報表。
  • 任務系統(Quests)學生完成任務累積經驗值與獎勵道具。
  • 寵物養成(Farm)用任務獎勵餵養、升級自己的寵物。
  • Boss Battle班級或個人挑戰模式,把日常表現轉換成遊戲內戰力。
  • 訂閱付費接綠界 ECPay 信用卡定期定額,老師訂閱解鎖進階班級數與功能。

PWA · 語音心情紀錄

語音情緒日記

正式網址:https://voice-mood.gameteacafe.com/

Voice Mood Journal

用講話記錄心情:瀏覽器原生語音辨識即時轉文字,AI 自動標記情緒關鍵字並寫一段反思。 核心承諾是隱私優先——原始錄音只存在瀏覽器記憶體,轉錄完立刻捨棄, 伺服器與資料庫從未接觸過語音檔案本身。AI 呼叫走跨供應商候選池(Anthropic/Google/ OpenCode Zen 隨機輪詢),任何一家失敗都會自動退回內建離線邏輯,不卡住核心流程。

Next.js 15 PWA Web Speech API Supabase Vercel AI SDK 藍新 NewebPay 定期定額 Vercel 自動部署
  • 語音轉文字寫日記免打字,講話即可留下當天的心情紀錄。
  • AI 情緒標記與反思自動標出情緒關鍵字,產出一段反思文字。
  • 本週摘要報告整理一週情緒趨勢、主題關鍵字與心情分佈圖。
  • 點數與訂閱看廣告免費賺點數兌換深度解析,或接藍新 NewebPay 信用卡定期定額訂閱 NT$49/月解鎖無限使用。