Skip to main content
Mark Ku's Blog

精選作品

我做的系統、公開工具與地端模型。從實際問題出發,整理操作畫面、技術做法與可以繼續探索的原始碼。

看職務專案與實戰經驗

系統

全端產品、管理後台與部署維運,從使用情境到系統整合。

AI Blog 的文章首頁,呈現文章分類、最新內容與作者介紹

AI Blog 與多 Agent 內容流程

把文章、摘要、Podcast 與圖片產製整理成可重複執行的工作流。

  • LangGraph
  • LangChain
  • Next.js
  • TTS
V-Terminal 的 Kubernetes 叢集總覽,顯示節點、資源數量與最近事件

V-Terminal 開發平台

在瀏覽器裡查看叢集、管理部署,並使用終端機與 AI 開發代理。

  • Next.js
  • Node.js
  • SQLite
  • Kubernetes
  • Helm
  • Claude Agent SDK
K8s AI Pilot 的 Kubernetes 叢集總覽、節點狀態與最近事件

K8s Pilot

將 Kubernetes 核心資源與日誌管理整理為可視化操作介面。

  • Kubernetes
  • TypeScript
  • Observability
Kong 架構驗證環境中的 Gateway Services 管理介面

Kong API Gateway Admin

以可視化方式管理 API 的服務、路由與外掛設定。

  • Kong
  • Kubernetes
  • GitOps
  • Prometheus
AgentHub 的 AI Agent 管理總覽,包含 Bot、通路、對話與訊息量

AgentHub/Line Bot Agent System

可設定、調度與觀測多個 AI Agent 的訊息系統。

  • LINE Messaging API
  • Agent Workflow
  • Knowledge Base
Low Code CMS 的登入入口與 Schema、多語系、工作流功能介紹

Low-code CMS

以視覺化設定建立資料模型、管理後台、頁面與 API 的內容系統。

  • React
  • Next.js
  • REST API
  • CMS
自然語言報表介面的問題輸入、SQL 區塊與圖表結果

自然語言報表產生器

將自然語言問題轉換成可閱讀的資料查詢、圖表與摘要。

  • LangChain
  • SQL
  • Gemini Vertex AI
  • Data Visualization
eSIM 電商實際首頁:商品入口、旅遊方案與購物導覽。

eSIM 電商平台

串接多語系商品、付款與供應商配發,讓旅客完成購買後收到 eSIM 安裝資訊。

  • Next.js
  • PostgreSQL
  • Keycloak
  • 綠界/藍新
  • Kubernetes
eSIM 營運後台實際總覽:訂單、營收與待辦資訊。

eSIM 電商營運後台

把商品、訂單、退款與供應商狀態集中,讓營運能找到需要處理的例外。

  • Next.js
  • PostgreSQL
  • Keycloak
  • GA4 Data API
Remotion 影片工作室實際入口:主題生成、PDF、圖片與文件成片。

Remotion AI 影片工作室

把文字或 PDF 轉成含旁白、字幕與動效的影片,整合腳本、配音與渲染。

  • Remotion
  • Vertex AI
  • Qwen TTS
  • MinIO
  • MCP

台股分析與推播流程

用排程串起行情資料、指標分析、AI 報告與語音摘要,再送出訂閱通知。

  • Next.js
  • Python
  • LINE
  • Vertex AI

K8s 自動部署與維運平台

串接建置、映像庫、Helm 與登入服務,讓新服務沿用一致的上線流程。

  • RKE2
  • Helm
  • Harbor
  • Keycloak
  • Cloudflare
  • frp

開源

公開套件、開源延伸與免費工具;有原始碼的作品附上 GitHub。

Token Monitor 網頁儀表板:用量、費用與趨勢。

Token Monitor 團隊用量看板

開源延伸

以既有開源 Token Monitor 與 Hub 收集用量,再補上多台電腦的網頁儀表板。

  • Token Monitor
  • Hub API
  • Cloudflare Worker
  • Dashboard
DB-Kit作品介紹素材(非操作截圖)

DB-Kit 資料庫管理工具

MIT 開源

以桌面工具集中管理多種資料來源,整合 AI 助手、SQL 審查與壓力測試。

  • Tauri
  • Rust
  • React
  • SQL
Refactory 在 VS Code 中的程式分析與重構介面。

Refactory|VS Code 重構外掛

免費工具

在 VS Code 裡檢查 code smell、查看健康分數,並依專案慣例執行重構。

  • VS Code
  • TypeScript
  • C#
  • React
Jira/Confluence 圖表工具作品介紹素材(非操作截圖)

Super Mermaid for Jira & Confluence

即將推出

將 Mermaid 圖表放進 Jira issue 與 Confluence 文件,提供主題與匯出。

  • Atlassian
  • Mermaid
Mermaid 線上預覽工具,左側編輯循序圖語法,右側即時呈現登入流程

Mermaid 線上預覽

免費工具

在瀏覽器即時預覽 Mermaid,透過網址分享圖表內容。

  • Web
  • Mermaid
Uptime Kuma Cluster作品介紹素材(非操作截圖)

Uptime Kuma Cluster

開源延伸

延伸 Uptime Kuma 的部署方式,加入負載平衡、健康檢查與故障切換。

  • Uptime Kuma
  • Docker Compose
  • High Availability
open-pos作品介紹素材(非操作截圖)

open-pos 開源餐飲 POS

MIT 開源

在店內電腦完成點餐、結帳、出單與日結,支援離線使用。

  • Offline-first
  • POS
  • MIT
PDF 簽名工具作品介紹素材(非操作截圖)

免費 PDF 簽名工具

免費工具

在瀏覽器加入手繪、文字或圖片簽名,完成 PDF 文件簽署。

  • Web
  • PDF

地端

在自有 GPU 與本機環境執行的生成、語音微調與影音處理。

AI 製片介面,可輸入主題或文章並設定片長、比例與配音

AI Gen 影片工作室

把故事、分鏡、配音與影片輸出整理在同一個製作介面。

  • AI 影片
  • 分鏡製作
  • 語音合成
  • 素材管理
地端 AI 生成工坊,可切換圖片、影片、音樂與聲音任務

AI 生成工坊與虛擬人平台

把圖片、影片與音樂生成整合到自家 GPU 平台,用同一個介面管理模型與素材。

  • ComfyUI
  • LoRA
  • Wan 2.2
  • LTX
  • ACE-Step
  • GPU Inference
台灣腔語音合成平台的訓練聲音選擇、文字與情緒設定

Seal-TTS 台灣腔語音與模型微調

在本機 GPU 微調語音模型,將聲音試聽、版本比較與台灣腔發音修正串成可操作的工具。

  • Qwen3-TTS
  • CosyVoice3
  • LoRA
  • GPU
  • HTTP API
  • MCP
AI Podcast Cut作品介紹素材(非操作截圖)

AI Podcast Cut

開源

用本機模型辨識語音並協助移除贅字、口吃,保留可逐段試聽的剪輯接縫。

  • faster-whisper
  • demucs
  • Rust
  • ffmpeg

想了解更多技術脈絡?

我把架構取捨、效能調校、部署與維運過程整理在技術文章中;作品頁只保留最重要的問題與實作方向。

依主題閱讀實戰經驗