MIXXIN Vibe Coder 入門課
APPENDIX · 第 9 堂系統地圖的完整版

公司系統一覽:做之前先查有沒有

第 9 堂那張圖只放得下二十幾個系統,這一頁是完整版。用法很單純:你的計畫書動到哪幾塊,先來這裡對一下,看那幾塊公司是不是已經有了。這份清單是 2026-09-24 從 GitHub 上 138 個 repo 盤出來的,會過期;最新版永遠看 arch.mixxin.tw。

附錄 · 非正課 基礎設施對到五塊 不重複造輪子 2026-09-24 盤點
?
怎麼用這一頁
拿出你的計畫書,先寫下它動到哪幾塊(畫面、資料、身分、通知、接口)。然後到第 01 節對一次:身分和通知幾乎一定已經有了,直接接,不要自己做。再到第 02、03 節看一遍:你想做的事,是不是某個現成系統加一個功能就好。做之前先查,是必要動作,不是客氣話。
為什麼要有這一頁:公司的 repo 有 138 個,多到連工程師都要靠地圖才找得到。這裡挑出同事會碰到、功用確認得了的;看不出用途的只在第 04 節列名字。
01基礎設施:五塊各有人管

第 9 堂講的「一個系統由五塊組成」,每一塊公司都已經有人在管。你的東西動到哪一塊,就接哪一個,不要自己再做一套。

塊系統一句話功用給誰用怎麼接網址
身分MIXXIN Auth/Gate mixxin-auth「這是誰」由它說了算:公司的統一登入。任何內部工具要限 @mixxin.tw 才能看,都靠它。所有需要登入的內部工具最輕的接法是網頁加一行 script(這門課的教材頁就是這樣鎖的);要分權限就請工程師接 Auth SDK。auth.mixxin.tw
通知Notify Hub notify-log事情發生了要告訴誰:公司統一的通知中心。發 Google Chat 訊息、記錄每一則通知有沒有送到,都走這裡。所有會發通知的系統不要自己寄信、自己接 webhook。跟 AI 說「通知走 Notify Hub」,或請工程師接 NotifyClient。notify-log.mixxin.tw
接口Skills Marketplace(template) template公司 skill、plugin、MCP 的集散地。裝了它,Claude 就多了公司的方法(skill)與手腳(MCP)。第 8 堂掛的假勤 MCP 就是從這裡來的。所有在用 Claude 的同事Claude Code 桌面版設定畫面裡撥開關安裝;要投稿新 skill 用 /skill-new。
接口Wiki 懶人包 MCP mixxin-wiki-mcp讓 Claude 一鍵把整理好的內容發到公司 Wiki(Notion)。做完的 SOP、教學、範本不要只留在對話裡。所有在用 Claude 的同事跟 AI 說「發到 wiki」;第一次會請你用 Google 帳號授權。
資料Notion/Cloud SQL/KV「東西存在哪」的三種答案:Notion 是同事看得到、手動改得動的表;Cloud SQL 是正式系統的資料庫;KV 是小工具存零碎設定的抽屜。每個系統都要選一個設計時先問「這份資料誰要看、誰要改」再選。多數學員的小工具用 Notion 就夠;要碰資料庫請工程師。
畫面MIXXIN Design System design-system-26全公司共用的 UI 元件庫:按鈕、表單、卡片長什麼樣,這裡有現成的。前端工程師(學員知道有它就好)請工程師接;學員的小工具照課程教材的風格走即可。ui.mixxin.tw
地圖架構圖集合站 arch.mixxin.tw mixxin-arch這張地圖的活版本:各系統的架構圖自動彙整到這裡,做新東西之前先來查「公司有沒有了」。所有人,尤其是要做新東西的人直接開網址看。工程師的 repo 會自動把架構圖推上來。arch.mixxin.tw
02全公司都在用的

這些是不分部門、每個人都會碰到的。標「也能接」的表示它除了給人用,也開了接口給別的系統或 AI。

系統一句話功用給誰用怎麼接網址
員工入口頁(含假勤) employee_index員工的起點頁,各種小工具的連結都收在這;請假、遠端申請、查假別餘額也在這條線上。全體員工直接用;跟 AI 說「掛上假勤 MCP」就能用對話請假、查餘額。
代墊款報帳 finance2025代墊款的建立、查詢、退回重送。全體員工直接用;也能跟 AI 說「掛上報帳 MCP」用對話建單(送出前會先給你預覽確認)。
Bugxin 也能接 bug-plugin回報 bug 的 Chrome 擴充套件:截圖、標註、自動送到 Notion。全體員工公司電腦已強制安裝,直接用。
公司儀表板 mixxin-dashboard把 Chrome 新分頁換成公司儀表板:時鐘天氣、公佈欄、假勤與財務摘要。全體員工直接用。它是「讀別的系統資料來顯示」的好例子。
Wiki 懶人包 mixxin-wiki-mcp公司知識庫(Notion):SOP、教學、範本都在這。全體員工直接查;要新增頁面跟 AI 說「發到 wiki」。
Formlab 問卷平台 mixxin-survey自己做問卷、追填答狀況。需要做問卷的同事直接用;也能跟 AI 說「掛上問卷 MCP」用對話建問卷。
短網址平台 也能接 mixxin-links公司自己的短網址:分流、UTM、成效報表。行銷與需要短網址的同事後台直接用;也能跟 AI 說「掛上短網址 MCP」。backstage.mixx.fyi/admin
用印申請 stamp-approval-x用印的申請與審核流程。需要用印的同事與主管直接用。
手寫簽名小工具 qusignature瀏覽器裡手寫簽名,下載透明背景 PNG。需要簽名的同事直接用。它是「一頁式小工具+一行 script 鎖登入」的範例。
名片辨識 cardscanner手機拍名片,AI 辨識後人工確認,存進 Notion。會展與業務同事直接用。cardscanner.mixxin.work
公司圖床 imgbox mixxin-imgbox上嘖嘖用的公司圖床:圖片放這裡拿網址,貼到集資頁。集資顧問與設計直接用。
新人教官 mixxin-mentor新進員工在 Google Chat 問問題,AI 從公司 Notion 找答案回你。新進員工在 Google Chat 直接問。
03特定團隊在用的

按使用的團隊分群。你不在那個團隊也值得掃一眼:別人的題目通常比你想的更像你的題目。

集資顧問

系統一句話功用怎麼接網址
drip 募資看板 drip彙整外部爬蟲抓回來的募資專案數據,同事查數、看日報。直接用;每天 Google Chat 會推日報。
SOP 節點看板 project-sop集資顧問的 SOP 節點地圖,開案自動開票的源頭。直接用。sop.mixxin.tw
嘖嘖頁面預覽 vibe-zeczec-preview上架前先在模擬器裡看集資頁長什麼樣。直接用。
Drip 追蹤 extension drip-extension瀏覽集資頁時順手追蹤的 Chrome 擴充套件。裝了直接用。
嘖嘖數量通知 zeczec.quantityN監控嘖嘖專案的獎項庫存,低於門檻發 Google Chat 提醒。設定好就自動跑。

財務/主管

系統一句話功用怎麼接網址
內帳與季度獎金結算 mixxin-internal-ledger公司內帳總表與財務儀表板。財務同事直接用。
data-platform 數據平台 data-platform把各系統的數據聚合起來給主管看。直接看;它是「讀很多系統」的消費端。
數據會議 Dashboard data-dashboard數據會議上呈現用的儀表板。直接看。
2026 考核表 talent-promotion-criteria11 個部門的線上職級考核表。主管與 HR 直接用。

客服

系統一句話功用怎麼接網址
AI 客服後台 ai-customer-service-backend接 Zendesk 的客服管理平台:多管道工單、AI 草稿。直接用;查案可跟 AI 說「掛上 EXTRACT MCP」。

設計

系統一句話功用怎麼接網址
設計師自動排程 design-dashboard自動讀 Notion 的 PM 排程,排設計師,畫甘特圖。直接看。
問卷配圖 AI 生成 survey-image-ai從 Notion 問卷架構+設計師風格,AI 生成多風格配圖。直接用。

訂單與品牌

系統一句話功用怎麼接網址
IMS 訂單管理 mixxims-next訂單管理系統。直接用;也能跟 AI 說「掛上 IMS MCP」查訂單、庫存、發票。
BREW 訂單 brew-nextBREW 咖啡品牌的募資專案、訂單、加購、發票。跟 AI 說「掛上 brew 訂單 MCP」只讀查詢。
PO 計算機 po-calculator採購單計算,資料接 Notion。直接用。

HHG 系統群

系統一句話功用怎麼接網址
OMS 訂單管理 hhg-oms三套舊系統重建成一套。HHG 營運同事直接用。
採購審核 hhg-procurementAppSheet 採購流程重建成自建系統。直接用。
權限申請 hhg-permissions全公司員工申請系統權限的表單與流程。直接用。
商品建檔與上架 hhg-product-builder品牌 Excel 變商品總檔,再產各通路上架檔。直接用。
客戶供應商建檔、人員異動、庫存調整 hhg-customer-supplier-master-data三個從 AppSheet 重建的表單系統。直接用。
04其他:原來還有這些

這一區只列名字。多半是個人練習、demo、已凍結、或 README 還沒寫,功用沒有確認過,所以不寫它們做什麼。

課程與工作坊vibe-coder-course(這門課)、jerry-claude-workshop、mixxin-course-workshop、play-template、course-platform
運動與活動mixxin-sports-app(運動跟團)、vibe_anduril(活動報名站)
會議與影音MeetingRecorder(錄音轉錄)、claude-edit(訪談自動剪輯)、premiere-uxp-mcp
電商與行銷m-lab Shopify 主題、zenomi 活動頁、figma-to-shopify、HHG Facebook 廣告自動化、n8n 流程備份、Roaster
小工具mixxin-translate(中日翻譯)、pdf-merger、awesome-bot(保底計算機)、zeczec-BREW-mapping(叫貨計算)、ec-transfer、gcp-sql-ip-whitelist(工程師用)
Demo 展示版demo-attendance、demo-finance、demo-seal、demo-customer-service
個人練習與實驗dacard 系列、vibe_* 系列(kol、img、countdown…)、Sally-space、little_crawler、lumi、git-playground
已凍結或看不出用途HHG-product-processor v1/v2(已凍結)、moft-dashboard/moft-tool、syphon/syphon2025、mixxims-v3、beans-next、drip-coffee-nodejs、finance-dashboard、group-monitor

盤點日期 2026-09-24,來源是 GitHub MIXXINtw 組織 138 個 repo。地圖會過期,最新版看 arch.mixxin.tw。