Portfolio

AI 主力時代：一個人維護 30+ 個專案 (2026)

我一直看好 AI，而 AI 變強了之後，它已經不是輔助，而是主力。做了十幾年系統整合的乙方，現在換邊當甲方，把當年業主跟我合作的方式拿來用在 AI 身上：開規格、下發包、做驗收，一個人同時推進 30+ 個活躍專案。除了 Mori Desktop 是桌面程式，以下都可以直接點開用：

個人 AI 生態 Mori universe

Mori Desktop：Tauri 2 + Rust + React 的桌面 AI 管家，本地 Whisper 語音輸入、會議錄音摘要，加上耳朵（mori-ear）、喚醒詞（hey-mori）、白板（mori-canvas）等身體部件的 multi-repo 生態

網頁遊戲與 3D

AI 戰場編輯器：資料驅動的單檔 3D 戰場引擎，每場歷史戰役是一份 package（內建六場，含赤壁）
赤壁之戰 3D：單一 HTML + Three.js 的全 3D 電影式重現
滾・福爾摩沙：台灣風味 Katamari，從圖釘滾到台北 101
真.AI.咏唱魔法：對麥克風喊出法術名稱即時施法，四個原作世界、元素反應連段、2-4 人共鳴詠唱（系列目錄）
K 線騎手：騎機車衝真實股價 K 線

線上服務與工具

台語辭典＋客語辭典：朋友一句「怎麼沒有台語的？」，兩天做出兩本教育部資料的離線辭典
iPAS AI 模擬考：790 題歷屆考古題，純前端 + Cloudflare 同步
AI 社團許願池：AI 對話引導 + 協作公開牆，伺服器簽章防繞過
LINE 貼圖製造機：上傳一張角色圖，AI 產出一整組可上架的 LINE 貼圖，一路擴充成含素材庫、組包出貨的小工作室
Mori Sprite Studio：一張角色圖生成整包透明背景動畫 sprite
Catime：每小時自動生一隻 AI 貓，已累積 2300+ 隻
AI 生圖字體風格庫：上百種字體風格提示詞，每天自動多一種
行銷頁健檢器：貼網址自動檢查 OG/SEO/CTA/速度
紅海釣具 fishtool.tw：把 IIS + Classic ASP 老站重建成 Astro v5，2 萬+ 商品

AI 課程與自架基礎設施

AI 線上課程（互動行銷頁課、目標九宮格課）：課綱、demo、行銷頁、金流後端全部自己做
gemini-web + codex-image-service：自架圖像生成服務，多個產品共用的內部 infra

ChingTech OS - 桌面風格的 Web 應用 (2025)

公司同事每天要在 NAS、終端機、AI 工具之間切換很麻煩，市面上也沒有合適的整合方案。想試試用 AI SDD 開發，在只使用 JS 不使用前端框架的條件下，能不能做出視窗管理系統（拖曳、縮放、Snap、多視窗）這種複雜的桌面應用。就做了 ChingTech OS，把這些工具整合進來。

主要功能：

視窗管理：拖曳、縮放、Snap、多視窗切換
系統整合：SMB 檔案系統、SSH 終端、Claude API、裝置指紋追蹤
即時通訊：WebSocket 實現終端機即時輸出與 AI 對話

查看完整介紹與展示影片

jaba 呷爸 - 讓 AI 幫忙訂便當 (2025)

團隊訂便當流程很繁瑣（統計餐點、確認金額、追蹤付款）。想試試用 AI SDD 開發 LINE Bot 能做到什麼程度，所以我就用 AI 對話取代傳統的表單填寫，做了 呷爸 jaba。

核心特色：

AI 對話訂餐：用自然語言說「我要雞腿便當」就能完成訂餐
群組點餐 Session：說「開單」開始、「收單」結束
AI 菜單辨識：上傳菜單圖片，AI 自動辨識品項、價格、特價優惠
即時同步：Socket.IO 即時廣播訂單狀態
個人偏好記憶：1對1 聊天記住稱呼和飲食偏好，群組點餐時自動套用

專案演進： 從最初的 JSON 檔案儲存原型，經過 LINE Bot 分離架構的過渡期，最終重寫為 PostgreSQL + Repository Pattern 的生產級系統。

原型介紹

jaba-ai 技術系列（11 篇）

GitHub

AnalyzerUI - 氣體檢測資料採集軟體 (2025)

擎添工業的氣體檢測儀器設定及資料採集記錄軟體。C# 開發，採用 USB License Key 授權。

產品頁面

讓機器人自己走：企業級 AGV 車隊管理 (2025)

接到一個 AGV 車隊管理專案，需要整合我們的 AGV 系統、KUKA 的 AGV 系統、Web 管理介面、OPUI 介面。想利用 ROS2 生態系的資源，就用 ROS2 架構來做，整合成一套完整的模組化系統。

RosAGV - 核心控制系統 (2025)

企業級 AGV 車隊管理系統，採用雙環境容器化架構：

核心技術：

ROS 2 Jazzy + Zenoh RMW：解決跨網段通訊痛點
雙環境架構：車載系統（host 網路）+ 管理系統（bridge 網路）
17 個專用工作空間：模組化設計，功能清楚分離
Docker 容器化：一鍵部署，環境一致性保證

系統特色：

多車型支援：Cargo Mover、Loader、Unloader 三種 AGV
外部系統整合：KUKA Fleet 機器人、Keyence PLC
工業相機 OCR：物料辨識與門禁控制，與車載 KUKA 協作手臂協同
TAFL WCS 系統：視覺化工作流程編排
Rack 管理：貨架追蹤、旋轉、對位
Web 管理介面：AGVCUI（管理員）+ OPUI（操作員）
統一工具系統：只需 r 一個字母管理所有功能

詳細技術介紹

WebAGV - 即時監控看板 (2025)

AGV 車隊即時監控看板系統，獨立於 RosAGV 的資訊展示平台：

技術架構：

前端：Vue 3 + Vite + Vuetify 3 + Leaflet 地圖引擎
後端：Node.js + Express + Socket.IO + MQTT + rclnodejs
即時通訊：Socket.IO + MQTT + ROS 2 三重整合

系統特色：

Leaflet 地圖：即時顯示 AGV 位置、航向、電池狀態
多重通訊：同時支援 Socket.IO、MQTT、ROS 2 三種協定
資訊看板：任務監控、訊號監控、日誌檢視
自定義座標：40px 網格系統，旋轉 Marker 顯示航向
前後端分離：可獨立部署或整合部署

詳細技術介紹

讓機器看得懂東西 (2023)

客戶想要做多合一的入料、壓測、電測、AOI、包裝機台，問了幾家廠商都做不出來或報價很高。因為我們有 WiseTechVision 的經驗，對 AOI 和手臂整合都很熟，就接了這個案子。

治具的設計也是我們自己加進去的——因為有影像處理的經驗，所以設計成視覺補正快速換線的架構，換線時間從傳統的 2-4 小時縮短到 10-15 分鐘。

系統架構：

2 台 KUKA 機器人：LDRobot（上料）+ UDRobot（檢測）
3 台 IDS 工業相機：Eye-in-Hand 配置，自動定位與尺寸檢測
4 面 AOI 檢測：20+ 種 NG 分類，完整品質追溯

最有成就感的部分：

視覺自動對位：取代傳統治具，不需精密定位機構
抗震驗證：2024 年花蓮 7.2 級地震後，系統用 AOI 自動校正就能正常運作

詳細介紹

自己動手擴充功能 (2020)

客戶的產線上有多個散亂工件需要同時追蹤和抓取，但 KUKA 的 ConveyTech 套件只能追蹤單一工件。要追蹤多個就需要 Queue、List、Stack 這些資料結構來管理，但 KRL（KUKA Robot Language）只有基本陣列。所以我就在 KRL 加入 Queue、Stack、List 功能。

視覺辨識的部分開發了 WiseTechVision C# 套件，整合視覺與機器人控制。支援工業相機，也支援消費級 Webcam（用軟體演算法補償，省下不少成本）：