前端開發、軟體工具
與 Live2D／Spine 動畫整合 Front-end development, software tools
and Live2D / Spine integration

01 / WORKS

作品Work

以下專案都公開在 GitHub，並提供線上試用或 npm 套件。 All of these projects are public on GitHub, with a live demo or an npm package.

Spine Asset Inspector

在瀏覽器中離線預覽、除錯與匯出 Spine 2D 骨架動畫，支援混合調整、Skin 組合、事件監看與 PNG／WebM 匯出。 Preview, debug and export Spine 2D skeletal animations offline in the browser, with mix tuning, skin composition, event monitoring and PNG / WebM export.

ReactWebGLTypeScript

線上試用Live demo GitHub

hexsleuth

讓 AI 代理從樣本檔推導未知的二進位檔案格式，產出規格書、Kaitai Struct 定義、解析程式與測試，每個結論都附上證據。 Lets AI agents work out unknown binary file formats from sample files, and emits a specification, a Kaitai Struct definition, a parser and tests, each backed by evidence.

MCPCLInpm

npm GitHub

zhtw-guard

找出專案、文件與 AI 回覆中混入的簡體字、大陸用語與編碼問題，提供命令列工具、GitHub Action 與 AI 代理 hook。 Finds Simplified characters, Mainland terms and encoding problems in projects, docs and AI replies. Ships as a CLI, a GitHub Action and agent hooks.

CLIGitHub Actionnpm

npm GitHub

Dev Workbench

離線優先的開發者工具箱：JSON、正規表達式、JWT、Diff、編碼轉換與 WebSocket 除錯集中在一個分頁，資料不離開瀏覽器。 An offline-first developer toolbox: JSON, regex, JWT, diff, encoders and WebSocket debugging in one tab, and nothing leaves the browser.

ReactPWATypeScript

線上試用Live demo GitHub

Web Mock Studio

在瀏覽器內模擬 API：以 Service Worker 攔截請求、由範例 JSON 反推 Schema 並產生假資料，不需要架設伺服器。 Mock APIs in the browser: intercept requests with a Service Worker, infer a schema from sample JSON and generate data, with no server to run.

Service WorkerTypeScript

線上試用Live demo GitHub

開源貢獻Open source contributions

• EasyLive2D/live2d-py #149 ：修正 Live2D v3 模型缺少或無法解碼貼圖時程式閃退 : fix a crash when a Live2D v3 texture is missing or cannot be decoded 已合併Merged

02 / SERVICES

服務與價格Services and pricing

以下為起始價格，實際報價依需求範圍與時程評估，報價經雙方確認後才開始收費。 These are starting prices. The final quote depends on scope and schedule, and nothing is charged until we both agree on it.

付款方式：訂金 30%，驗收後支付尾款 70%。詳細規則請見服務條款與退款政策。 Payment: a 30% deposit, and the remaining 70% after acceptance. See the terms of service and the refund policy.

03 / PROCESS

委託流程How it works

從諮詢到交付，每一步都會先確認再進行。 Each step is confirmed before the next one starts.

1. 諮詢Consultation來信說明需求、用途與期望時程。Send your needs, use case and timeline by email.
2. 報價Quote提供功能範圍、價格與交付日期。You receive the scope, price and delivery date.
3. 支付訂金Deposit確認報價後支付 30% 訂金，開始開發。Pay a 30% deposit after you accept the quote, and work begins.
4. 開發與回報Build and report定期回報進度，提供可試用的版本。Regular progress updates with builds you can try.
5. 驗收Acceptance依報價範圍驗收，含 2 次修改。Review against the agreed scope, with two rounds of revisions.
6. 尾款與交付Payment and handover支付 70% 尾款後交付完整原始碼與文件。Pay the remaining 70% and receive the full source code and documentation.

04 / CONTACT

聯絡Contact

歡迎來信洽詢，通常會在 2 個工作天內回覆。 Send me an email. I usually reply within two working days.