12 年跨產業技術管理經驗｜技術總監・產品經理・系統架構師｜帶領 4-12 人跨職能團隊
不是什麼都自己做，而是建立制度讓團隊不需要這麼忙碌。
Blog ・ GitHub ・ GitLab ・ Email: terry.yao.work@gmail.com
🔥 Production Systems
實際在 production 環境中運行的系統，不是 demo 或 side project，而是有真實用戶、真實流量的產品。
| Project | Stack | Description | Detail |
|---|---|---|---|
| OpenClaw | Node.js, Discord, CDP, MCP, Cron | 多 Agent 自動化平台 — 3 個獨立 Agent、模組化 Skills、排程引擎、瀏覽器自動化 | → |
| E-Commerce | Django (28 apps), Astro+Vue.js, Celery, PostgreSQL | 企業級電商 — 金流/會員/RBAC/點數/促銷/庫存/發票/對帳 | → |
| Blog CMS | Django, Vue.js, AI Module, RBAC | 內容管理系統含 AI 輔助模組 | → |
| K8s 微服務 | FastAPI, Kong, PostgreSQL, Redis, RabbitMQ, K8s | 17 個 K8s 服務的完整微服務架構 + 監控 | → |
| Tech Blog | Quartz, 450+ articles, 68-article micro-service series | AI、DevOps、架構、設計模式、微服務壓測 | — |
| Taiwanese Gods | Astro, i18n, SEO, AdSense | 台灣神明文化網站，中英雙語 | — |
🧪 Testing & Benchmarking
為什麼做： 「哪個框架比較快」「DB 該選哪個」這類問題不應該靠直覺，應該有數據。這套工具鏈讓你用相同條件橫向比較，自動找出瓶頸在哪，不是靠猜的。
| Project | Stack | Description | Detail |
|---|---|---|---|
| API Stress Test | k6, InfluxDB, Grafana, Next.js 15, Express+TS | 黑箱壓測平台 — 20 條規則引擎、Monaco Editor、6 種測試、WebSocket 即時監控 | → |
| DB Test | MySQL, PG, Mongo, Redis, ES, Prometheus | 5 DB 比較 — 8 Benchmarks、11 Labs、37 Anti-patterns | → |
| Design Patterns | TypeScript, Tests | GoF 設計模式完整實作 + 單元測試 | — |
| Algorithm | Java, JUnit | 資料結構與演算法 + 視覺化 | — |
🏗️ Proto — Backend Frameworks (14)
為什麼做： 帶團隊時最痛的問題之一是「每個人起專案的方式都不一樣」—— Docker 設定不統一、CI/CD 要重寫、API 規格不一致、新人上手要花一週。Proto 就是為了解決這個問題：14 個後端框架，全部統一 Docker、CI/CD、CRUD、API 規格，新專案啟動時間趨近零。
同時因為 API 規格統一，所有框架可以直接接上 API Stress Test 做跨框架效能比較，用相同場景測出真實差距。
| Framework | Language | Docker | CI/CD | Stress Test |
|---|---|---|---|---|
| Django | Python | ✅ | ✅ | ✅ |
| FastAPI | Python | ✅ | ✅ | ✅ |
| Laravel | PHP | ✅ | ✅ | ✅ |
| Express.js | Node.js | ✅ | ✅ | ✅ |
| Express-TS | TypeScript | ✅ | ✅ | ✅ |
| NestJS | TypeScript | ✅ | ✅ | ✅ |
| Spring Boot | Java | ✅ | ✅ | ✅ |
| Kotlin Ktor | Kotlin | ✅ | ✅ | — |
| Rails | Ruby | ✅ | ✅ | — |
| Phoenix | Elixir | ✅ | ✅ | — |
| Go | Go | ✅ | ✅ | ✅ |
| Rust Axum | Rust | ✅ | ✅ | — |
| .NET Core | C# | ✅ | ✅ | ✅ |
| Flutter | Dart | ✅ | — | — |
🎨 Proto — Frontend Frameworks (7)
為什麼做： 跟後端同理。前端框架選擇多，團隊每次開新專案都在糾結。Proto 提供 7 套前端標準模板，從 SPA（Vue/React/Angular/Svelte）到內容站（Astro Islands）到元件庫（Storybook），統一開發規範、減少選擇成本。
| Framework | Stack | Description |
|---|---|---|
| Vue | Vue 3 + Composition API | SPA 標準模板 |
| React | React 18 + Hooks | SPA 標準模板 |
| Angular | Angular 17+ | Enterprise SPA |
| Svelte | SvelteKit | 輕量框架 |
| Astro + Vue | Astro + Vue Islands | 內容站模板 |
| Astro + React | Astro + React Islands | 內容站模板 |
| Vue UI Lib | Vue 3 + Storybook | 自建元件庫 |
🔧 Infrastructure
為什麼做： 系統出問題不可怕，可怕的是不知道出了什麼問題。這套 Infra 工具鏈的目標是完整可觀測性 —— 從 metrics（Prometheus）、logs（Loki）、alerts（Alertmanager）到 dashboard（Grafana），全部 Docker Compose 一鍵部署，不需要每次手動配。
| Project | Stack | Description |
|---|---|---|
| Monitoring | Prometheus, Grafana, Alertmanager, Loki, Promtail, Blackbox | 完整可觀測性，Docker Compose 一鍵部署 |
| API Stress Test | k6, InfluxDB, Grafana, Next.js, Express+TS | 壓力測試 + 規則引擎 + 自動瓶頸分析 |
| DB Test | 5 DBs, Benchmark Engine, 11 Labs | 資料庫比較平台 + 37 Anti-patterns |
| GitLab CI/CD | YAML Templates | 所有框架通用 Pipeline 模板 |
| Rust CLI | Rust, Clap | CLI 工具模板 |
🤖 AI Tool Chain
為什麼做： AI 不只是接 API 就好。從 Multi-Agent 協作、模型路由、圖片/影片生成、到 Prompt 反推，每個環節都需要工具。這套工具鏈的目標是讓 AI 能力模組化、可組合、Docker 一鍵起，不需要每次從零搭。
| Project | Stack | Description |
|---|---|---|
| OpenClaw | Node.js, Discord, CDP, MCP | Multi-Agent 自動化平台 |
| AI Proxy | Node.js | Claude/Codex/Gemini CLI → OpenAI-compatible API |
| Agent Sim | Node.js | 多角色模擬框架 + Persona Builder UI |
| Skill Creator | Python, Node.js | Skill 自動建立 + eval + benchmark |
| AI Image Gen | Python, Stable Diffusion, Docker | 文生圖 + 圖生圖 |
| AI Video Gen | Python, ModelScope, Docker | 文字生成影片 |
| AI Prompt Gen | Python, CLIP, BLIP, Docker | 圖片反推 Prompt |
| Agent House | Python | Agent 框架 + Skills + Tests |
🛠️ Developer Tools
為什麼做： 工程師的生產力取決於工具鏈。這些是日常開發中反覆需要的工具 —— Git 批量管理、MCP 整合、網路診斷、工作流自動化，做成獨立模組可以跨專案重複使用。
| Project | Stack | Description |
|---|---|---|
| Claude Dev Framework | Node.js, MCP | Claude 開發框架 + MCP Server |
| N8N Workflows | Python, Docker, K8s, Helm | n8n 工作流管理平台 |
| Network Tools | Rust, MCP | 網路診斷工具 |
| Content to Note | Node.js, MCP, Playwright | 內容轉筆記 |
| MCP Tools | Node.js | MCP Server 工具集 |
| GitHub/GitLab Tool | TypeScript | Git 平台批量管理 |
| ActivityWatch Dashboard | Python, Node.js | 時間追蹤儀表板 |
| CMS | Node.js, Monorepo | 獨立 CMS（editor-core + UI lib） |
| Skills Proto | Markdown | 14 個 Claude Code Skills 模板 |
| Data Platform | Docker, Microservices | 資料平台 |
📈 Content & Marketing
為什麼做： 技術能力需要被看見。部落格是知識輸出、SEO 是長期流量、社群是觸及擴散。這套系統把內容產出到推廣追蹤全部自動化，不需要每次手動發文、手動檢查排名。
| Asset | Description |
|---|---|
| Tech Blog | 130+ 篇，AI / DevOps / Architecture / Design Patterns |
| Taiwanese Gods | 中英雙語神明文化網站 |
| Marketing Automation | GA4 + GSC + FB Insights 自動追蹤 |
| Facebook Pages | 技術筆記蒐集 + Taiwanese Gods |
| SEO Monitor | Google 索引 + Sitemap + 壞連結自動檢查 |
🗂️ 早期作品（Archive）
| Project | Stack | Description | Detail |
|---|---|---|---|
| 2015 活動網頁 | HTML, CSS, jQuery（無框架、無打包工具） | 53 個活動、194 個手寫 CSS 檔 28917 行；手寫 12 欄網格與共用特效庫的雛形 | → |
💼 Experience
| Period | Role | Highlight |
|---|---|---|
| 2026– | Senior Engineer (SRE) | 受監管環境服務可靠性：監控告警、事故應變、CI/CD 與可觀測性 |
| 2026 | Technical Manager | 入職即遇資安事件，主導系統復原（服務重建、存取加固、恢復營運） |
| 2024–2025 | Technical Director | 從零建 12 人團隊，月省七位數外包費 |
| 2023–2024 | Product Manager | 接手失敗外包專案，帶 6-7 人重整上線 |
| 2022–2023 | Sr. Engineer | 建立多框架標準化 Proto 供部門共用 |
| 2022 | Sr. Frontend Engineer | 優化 CI/CD，建立 Code Review 標準 |
| 2020–2022 | Deputy PM | jQuery→React 全站翻新（30 頁），半年上線 |
| 2018–2020 | IT Manager | 從零建 IT 部門，平台運行 6 年+，連鎖近百間 |
| 2018 | Frontend Engineer | 制定 Vue/SPA 開發規範 |
| 2017–2018 | Frontend Engineer | 平台整合專案，3 個月上線 |
📬 Contact
Email: terry.yao.work@gmail.com ・ Blog ・ GitHub ・ GitLab
Last updated: 2026-09-20