企業數位顧問

• 報價單、請款單還在一份份複製舊檔案改
• 客戶與案件資料散在 LINE、Email、試算表，沒人說得準哪份是最新的
• 每個月固定要花好幾天，做同一份重複的報表
• 想做官網或內部系統，一問報價要幾十萬、還要排隊等三個月

這些事不做，公司照樣能動——只是每個月都在默默吃掉團隊最貴的資源：時間。而且拖得越久，資料越散，之後要整理的成本就越高。

傳統上要做內部系統，只有兩條路：自己聘工程師，或發包給接案公司。兩條都貴、都慢，所以多數中小企業的流程一直停在手工。

改變這件事的是 AI。我用 Claude Code 開發——架構設計、資料安全、防呆仍然由我以六年工程經驗把關，但實作速度是過去的好幾倍。這頁下面那兩套後台，就是我一個人這樣做出來的。開發成本降下來，才有辦法用一個固定月費，把「開發＋維護＋顧問」整包給你。

不確定自己的狀況屬於哪一種？免費診斷那 60 分鐘就是拿來釐清這件事的。

以下都是實際上線、現在還在運作中的系統，全部由我一人使用 Claude Code 開發完成。前三套的每一頁功能，下一段有逐頁拆解。

內部管理系統

西打藍好內容・內部管理後台

把公司營運全部收進同一個工作區：待辦、報價系統、案件管理、支出紀錄、寫作靈感、知識庫、人脈庫、罐頭訊息、工具庫，共 9 大模組。另外含客戶端報價確認頁、知識庫對外分享頁，以及每日自動備份。

Next.jsVercel KV報價 PDF每日自動備份

claudenewbie.com

教學平台 / 會員金流Claude Code 新手村

16 關互動式教學平台，學員在瀏覽器裡跟著關卡一步步實作。含會員認證、付費解鎖、闖關進度記錄，以及分階段的免費與付費課程分流。

ReactClerk 認證付費解鎖闖關進度

活動體驗 / 即時多人

串門子書店・閱讀活動的線上分身

60 人的線下讀書會，現場多數人是慢熱型。做了一張手機就能走進去的書店地圖：帶著自己的書進場，走到誰旁邊就看得到他帶了什麼書、寫了哪一句，一鍵送出反應或悄悄話，不用開口也能被看見。互動會累積書籤章，換角色配件。

Cloudflare WorkersDurable ObjectsWebSocketCanvas

lakiliving.vercel.app

企業形象網站出雲上川資產管理・包租代管

包租代管企業的官方網站。資產列表逐案呈現照片與生活機能說明，搭配動態數據區塊與諮詢表單，讓屋主能直接線上發起資產評估詢問。

Next.js動態數據資產列表諮詢表單

顧問品牌官網

Teresa Lee・分數職營運顧問

顧問服務的品牌官網與銷售頁。服務項目依 To B / To C 分流，搭配核心經歷時間軸、演講邀約表單與電子報導流，把不同來源的訪客各自帶到對的下一步。

Next.js服務分流經歷時間軸電子報導流

光看首頁截圖不容易判斷深度，所以我把三套系統的每一個功能頁都打開，寫清楚實際做到哪。你的公司不一定需要這麼多，但這是「一套做到底」長什麼樣子。

以下截圖一律使用示範資料，人名、信箱、金額全部是虛構的——真實客戶與學員資料不會出現在對外頁面上，這也是我對合作對象的一貫做法。唯一的例外是第三套裡的「上一屆留下的書」與「今日書籤」，那是上一場活動參加者親手寫的回饋原文，一律不掛名字。

系統一・內部管理後台

一人公司的營運中樞，9 個模組

我自己每天在用的那一套。解決的是「資料散在五個地方、每個月重複做同樣的事」。

✅待辦清單四欄看板 + 週期提醒，把「該做的」跟「會忘記的」分開管。＋

• 立即處理 / 稍後再說 / 長期要做 / 外出待辦四欄，卡片可拖曳排序與跨欄搬移
• 點卡片就能直接改標題，不用開彈窗
• 週期提醒獨立一區：每週、每月、每年或指定日期重複出現
• 提醒到期不會自動消失，必須人工確認後刪除，避免漏掉固定要做的事

💰報價系統填完就生成一個客戶專屬連結，客戶線上看、線上確認。＋

• 公司抬頭、統編、報價日期與有效期限自動帶入，不用每次重打
• 專案需求整理（服務說明、網站風格、頁面規劃）會一併顯示在客戶確認頁
• 服務項目逐條列金額，自動加總
• 儲存後產生客戶確認連結，客戶不必註冊就能開啟並線上確認
• 可匯出 CSV，交給會計師或存檔

💼案件管理應收帳款、外包成本一起算，直接看到每個案子的真實淨利。＋

• 分次收款：頭期款、尾款逐筆記錄日期與金額，自動累計已收 / 未收
• 合作夥伴外包成本可逐筆登記，並標記未支付 / 已付訂金 / 已結清
• 淨利欄位由系統即時算出（總金額 − 外包成本），不用另外開試算表
• 頂部催款提醒自動彙總所有未收款案件與總金額
• 結案的案子自動收起，需要時再展開查看

💳支出紀錄自動算出每月固定開銷底線（Burn Rate），知道公司每個月至少要賺多少。＋

• 公司 / 個人分開歸屬，各自算出每月固定支出
• Burn Rate 自動換算：每月金額 + 每年金額 ÷ 12
• 分類為一次性 / 訂閱制 / 贊助 / 固定週期規費，可依分類篩選
• 記錄下次扣款日，訂閱制費用不會默默續扣到忘記

📝寫作靈感從想法到成稿的流轉看板，內容產製不再靠翻筆記本找靈感。＋

• 靈感池 / 長文電子報 / 短影片 / 已封存四欄，想法依成熟度往右推進
• 卡片支援多行內容與基本 Markdown，可以直接寫草稿
• 拖曳即可改變狀態，不需填表單

📚知識庫把「只有老闆會做的事」寫成步驟，新人照著做就能上手。＋

• 三種型態：一般筆記、諮詢紀錄、流程化知識
• 流程化知識可逐步驟拆解，每個步驟能附上相關連結
• 標籤分類與全文搜尋
• 可為單篇產生對外分享連結，對方不需登入帳號就能查看

🤝人脈庫合作過的人分級記錄，需要外包或轉介時馬上找得到人。＋

• 姓名、職業、聯絡方式、作品集網址集中一處
• 熟悉度與喜好度分級（高 / 中 / 低 / 不確定）
• 標記對方現況：就業 / 接案 / 創業 / 學生
• 區分專案合作（外包、合夥）與業界合作（互惠、轉介）

💬罐頭訊息常用回覆一鍵複製，重複的溝通不用每次重打。＋

• 依情境分類（業務開發、請款、婉拒…）
• 支援多行內容，複製後直接貼進 LINE 或 Email
• 可搜尋標題與內容，訊息變多也找得到

🧰工具庫四個自製小工具，全程在瀏覽器本機處理，檔案不會上傳。＋

• PDF 編輯器：加文字（可直書 / 橫書、拖曳縮放）、壓上圖片或簽名
• 圖片轉掃描 PDF：合約照片自動修成乾淨掃描檔，可多張排序、旋轉、合成
• PDF 合併 / 刪頁：逐頁預覽、刪頁、調整順序後合成新檔
• 圖片批次壓縮：統一設定格式、品質、尺寸，逐張比對前後大小

全域搜尋

一個搜尋框同時查案件、支出、人脈與罐頭訊息，不用先想「這筆資料在哪一頁」。

每日自動備份

系統每天自動打一份快照，需要時可以挑日期還原，不必擔心誤刪。

客戶端頁面

報價確認頁與知識庫分享頁都能對外開放，客戶不用註冊帳號就能查看。

系統二・線上課程平台後台

Claude Code 新手村的營運端，9 個模組

這套是對外賣東西用的：牽涉金流、會員權限、活動報名與推廣分潤，複雜度跟內部工具完全不同。

📊營運總覽總營收、已付款訂單、待付款訂單即時一覽。＋

• 四張關鍵指標卡：總營收、已付款訂單、註冊人數、待付款訂單
• 數字直接從訂單資料即時聚合，不需另外跑報表

🛒訂單管理金流訂單全紀錄，付款失敗的可以手動補開通。＋

• 所有訂單依建立時間倒序，含訂單編號、買家信箱、方案、金額
• 狀態一眼分辨待付款 / 已付款，並顯示是否已開通權限
• 信用卡與 ATM 轉帳都納入同一份清單
• 遇到金流回呼失敗，可指定方案手動補單開通，不用進資料庫改

⛺共學營名單報名、行銷歸因、現場報到打卡一次搞定。＋

• 報名動機、使用的電腦系統（Mac / Windows）都收進來，供現場座位與教材準備
• 「如何得知活動」做行銷歸因，知道報名者從哪個管道來
• 免費票（推薦碼核銷）與付費報名並存，狀態分別標示
• 現場報到一鍵打卡，也可取消報到
• 可切換顯示欄位、篩選未付款，並匯出 CSV

🎟️折扣碼KOL 合作碼與學員推薦碼分流管理，含分潤比例。＋

• 支援固定金額折抵與百分比折扣兩種型態
• 可設使用上限與有效期限，並即時看到已使用次數
• 區分 KOL 合作碼與學員推薦碼，各自綁定推廣者與分潤比例
• 可為單一碼另外設定共學營專屬折扣 %

💵分潤請款推廣者線上申請提領，後台核銷後改為已付款。＋

• 申請人、預估分潤金額、銀行帳戶資訊集中檢視
• 可回簽上傳的請款單據連結
• 狀態分待處理 / 已付款，核銷後即時更新
• 同一人同時只允許一張待處理請款單，避免重複超額提領

🖼️作品分享審核學員作品投稿與留言的審核後台。＋

• 學員投稿的作品截圖、介紹與連結集中審核
• 留言可逐則檢視與刪除，維持社群品質
• 圖片存在物件儲存服務，後台只存公開網址

📖知識庫後台內建的規則說明，折扣與分潤邏輯不用靠記憶。＋

• 把折扣碼、推薦制度、共學營折扣的規則寫在後台裡
• 換人接手營運時照著看就懂，不需要口頭交接

👤會員管理學員方案、課程進度與共學營票券。＋

• 依 Email 搜尋學員，檢視當前方案與課程進度
• 追蹤推薦成效，可手動升級方案或微調票券數
• 支援 CSV 匯出
• 名冊由第三方身分服務管理，示範環境未串接，故此頁不放截圖

🛡️管理員列表誰有後台權限、什麼時候加入的。＋

• 列出所有具後台存取權限的帳號與加入時間
• 權限判定以身分服務的即時角色為準，不信任可能過期的憑證
• 同上，示範環境未串接身分服務，故不放截圖

系統三・串門子書店（活動用的即時多人書店）

60 人同時上線的線下活動輔助，11 個功能

這套解決的不是行政流程，而是一個場子的體驗問題：60 人的線下讀書會，現場多數人慢熱，前半小時沒人敢開口。做法是把「認識彼此」這件事變成手機上可以先走一步的動作——帶著自己的書進場，走到誰旁邊就看得到他帶了什麼書、寫了哪一句，按一顆按鈕就算打過招呼。 全部在會場的手機瀏覽器上跑，不用下載 App、不用註冊帳號。

這套只在活動當天對參加者開放，平常不開放進入

🎨進場・捏一個自己選造型、填三個欄位就進場，不用註冊帳號。＋

• 8 種髮型 × 6 種髮色 × 6 種衣服 × 4 種配件，角色全部是程式畫出來的，沒有任何圖片素材
• 只問三件事：暱稱、今天帶的書、書裡最喜歡的一句話。聯絡方式選填，只會出現在別人跟你打招呼的小卡上
• 資料存在手機瀏覽器裡，中途離開再回來不用重填，也不必註冊或留 Email
• 網址加 ?room= 就是另一個獨立房間，同一套程式可以同時跑好幾場活動

🗺️書店地圖・手機也能順順走左下角搖桿走動，60 人同場的位置由伺服器統一廣播。＋

• 手機用搖桿、桌機用方向鍵，也可以直接點地圖上想去的位置，角色自己走過去
• 位置不是「每個人的每次移動都轉發給其他 59 人」，而是伺服器每秒 8 次全場快照——同樣 60 人，訊息量差兩個數量級
• 畫面用 Canvas 自己畫：地圖先畫在離螢幕圖層，每一幀只做鏡頭裁切與前後排序，中階手機也能跑順
• 全螢幕、鎖縮放、避開瀏海與底部安全區，並在遊玩時要求螢幕不休眠

🧭五頁新手教學第一次進來自動播，看過就不再出現。＋

• 五頁講完：怎麼走、碰到人會怎樣、章怎麼集、書店裡有什麼可以玩
• 看過記在該支手機上，之後進來直接開始；想再看一次可以從集章冊點開
• 現場不必先花十分鐘講規則，這對 60 人的活動是很實際的差別

👋相遇小卡・不用想開場白走到誰旁邊就看得到他帶什麼書，四顆按鈕一鍵打招呼。＋

• 距離夠近就跳出對方的名字、帶來的書、寫下的那一句話
• 四個一鍵反應：「這句好美」「我也想看這本」「嗨嗨你好」「選書好有品味」——慢熱的人不用自己想開場白
• 也可以打一句悄悄話，只有對方看得到，不會出現在公開牆上
• 對方若填了聯絡方式，小卡上會顯示並附複製鈕，想繼續聊的人帶得走

📖書友牆與匿名願望全場的書與句子集中一頁，可以按愛心；下半部是匿名願望。＋

• 所有來過的人都在牆上，人離線了句子還在——沒開口的人也會被看見
• 按愛心對方會收到通知，這是給內向者最低成本的互動
• 每 4 分鐘全場同時看到流星劃過，20 秒內可以許願，願望一律匿名才有人敢寫真心話
• 主持人可以把不適合的句子或願望收起來，要按兩下才生效，按錯可以還原（資料不會真的刪掉）

📚上一屆留下的書把 53 張手寫回饋卡數位化，變成書店裡的一座書架。＋

• 每張卡是一位參加者的書名、當天最有感的瞬間、離開時的心情，以及他會怎麼推薦這本書
• 全部逐字整理自真實回饋卡，沒有一句是編的
• 刻意不放名字：那是真實參加者的私人感受，其中不少人會再來，要掛名得先取得本人同意
• 這一頁的作用是讓新來的人知道「上一場發生過什麼」，活動還沒開始就先有溫度

🔖今日書籤抽一段上一屆書友寫下的話，24 段不重複。＋

• 抽的是不綁在特定書上的段落，同樣出自真實回饋
• 連續抽不會抽到同一段，可以一直翻

📗漂流書整場只有一本，撿起來帶著走，放下時留一句話給下一個人。＋

• 撿到的人才看得到上一位留的話，放下時可以再寫一句給下一個撿到的人
• 會累計傳過幾手，變成整場共同完成的一件事
• 拿著書的人離線，書會自動掉在他最後站的位置——不然這本書會永遠卡在離線的人身上
• 設計目的是給不敢直接搭話的人一種間接的接觸方式

🏅書籤章・角色會跟著變認識新書友就集章，集越多角色配件越華麗。＋

• 跟還沒認識的人互動一次，雙方各得一枚章——收到的人也有，被找到本身就值得獎勵
• 1／3／5／8／12 枚依序解鎖徽章、圍巾、花冠、漂浮小書、星光光環，走在地圖上所有人都看得到
• 不辦抽獎：獎勵直接長在角色身上，才會有人願意繼續去認識下一個人
• 下方還有 10 個彩蛋的收集進度（貓、柴犬、小鳥、壁爐、留聲機…）

📷合照與分享把畫面裁成一張帶相框的紀念照，同框的人會寫進說明。＋

• 以自己為中心裁下一塊畫面，加上相框與日期
• 說明會自動列出真的入鏡的人，不會寫到畫面外的人
• 存下來就能直接發限動——活動的擴散靠的是這個，不是官方貼文

📣主持人工具廣播、大風吹、天氣、內容管理，都在手機上一個面板裡。＋

• 全場廣播：只對 15 分鐘內進場的人顯示，不會變成每個人都看到的常駐橫幅
• 大風吹：出一題（例如「還沒認識任何人的人集合」），地圖上出現發光集合圈，兩分鐘後自動消失
• 窗外天氣可切晴／雨／雪，雨雪有對應的環境音，用來換活動節奏
• 書友牆與願望的內容管理（收起／還原）也在這裡，現場出狀況可以立刻處理
• 通關碼放在伺服器端的環境變數，不會出現在前端程式碼裡

三套系統的共通點是：不是做完就丟著，而是一邊用一邊改。你的系統也會是這樣長出來的。

1. 第 0 個月

   免費診斷，先確認值不值得做

   60 分鐘線上會議，我盤點你目前的作業流程，直接說哪些值得自動化、哪些現階段不必花這筆錢。談完不合適，就不用往下走。

2. 第 1 個月

   先做出最有感的那一個

   挑投報率最高的一個流程，一個月內做出來上線。先讓團隊實際用到東西，而不是花三個月開會規劃。

3. 第 2–3 個月

   把系統之間接起來

   陸續補上其他環節，讓資料在各系統之間自動流動，不再需要人工搬運。同時依實際使用回饋修正第一版。

4. 第 4 個月起

   持續優化，也接新需求

   每週會議看數據與實際使用狀況，滾動調整優先順序。公司有新的業務流程，也直接排進來做。

要解決同一件事，你其實有三條路。三條都可行，差別在成本結構跟風險——這張表照實寫，包含另外兩條路的優點。

如果你屬於右邊那一欄，我會直接跟你說現在不必花這筆錢——真的需要的時候再回來找我就好。