參與精算軟體開發，面對高度專業且複雜的精算與保險領域知識，需在跨部門會議中與領域專家持續溝通，釐清產品 data model 與需求邊界。在快速迭代的開發節奏中，培養出靈活的架構思維與試錯能力。
- 與設計師密切協作，從 Figma 設計可行性討論、介面精準還原到後續迭代優化
- 主動參與跨領域會議，與精算人員、產品端協作釐清產品 data model
- 以 Office.js 與 React 開發 Excel add-in，將精算工具整合進使用者熟悉的 Excel 環境
- 參與 AI 保險對話介面 POC，負責前端介面開發與維護
- 規劃內部管理系統功能流程，並負責 UI/UX 設計與開發
- 產品 landing page 的設計實作與後續維護
- 使用 Jest 與 Playwright 撰寫單元測試與 E2E 測試
- React
- TypeScript
- Office.js
- Tailwind CSS
- Jest
- Playwright
- Figma
苔息 Tendecay 是一款密閉生態瓶模擬遊戲。玩家只擺放土壤、水、苔蘚孢子，菌絲、藻類、地衣、蘭花皆由規則自行產生。基於嚴格的養分守恆定律，每一個生態瓶都會走過獨一無二的演替路徑。Pixel Art 美術 + 自製 2.5D 渲染管線，呈現透過玻璃觀看微縮世界的儀式感。整個專案以 Vibe Coding 模式與 Claude Code 協作完成，重點在示範 doc-to-code 的設計流程，以及 AI 重度參與時如何維持嚴謹的系統架構。
- 結合生態學知識、遊戲設計與工程實作，從概念到 prototype 獨立完成
- 全程與 Claude Code 協作開發，主導設計、架構、debug 引導與品質把關
- 建立 CLAUDE.md + MEMORY.md + 設計文件三層 context 系統，讓 AI 跨 session 維持一致性
- 自訂分層架構 + 設計文件先行（doc-to-code 對應），讓 AI 在規則內實作
- 為 pixel art 自製 in-browser painter 工具：含調色、預覽、與主遊戲 sprite atlas 雙向匯入匯出
- 從零打造 Pixel Art 2.5D 渲染管線
- Phaser 3
- TypeScript
- Vite
- Vitest
維護內容平台方格子（vocus.cc），與設計師、後端密切協作迭代介面與功能，並推動架構與 SEO 改善。
- 看出舊前端架構對 SEO 不友善，提案並開始用 Next.js 重寫
- 建立 Storybook，將現有樣式整理為可重複使用的 component
- 新增方格人物訪談頁面，串接後端 API
- React
- Next.js
- Storybook
- SCSS
社群輿情分析平台 Nucleus 的前端開發，協助分析師蒐集社群媒體與新聞文章並產出客戶報告。從零到一參與整個產品週期，與跨部門協作頻繁。
- 使用 React 開發產品前端，根據設計師 mockup 實作介面並串接後端 API
- 推動 Storybook 樣式模組化與維護，縮短開發時間並改善設計—前端團隊溝通
- 帶領、協助 junior front-end developer，撰寫內部前端開發文件
- 製作客戶與內部官方網站、Email 樣板