Work Experience
我的職涯發展歷程
獨立開發 / 自由工作者
Senior AI Frontend Engineer
Apr 2024 ~ Present
主要成就
AI 應用開發與整合:建立個人品牌技術平台 (henryleelab.com),整合 AI Chat、AI Dictionary、AI Analyzer 等多個 AI 應用模組,展現完整的產品開發能力。
AI-Native 介面設計:開發 Streaming UI 互動介面,解決 LLM 回應延遲的使用者體驗問題,實現即時串流顯示與 Markdown 渲染。
開發流程創新:建立基於 Claude Code 的文件驅動開發流程,達成每日交付 1-2 個生產就緒功能的目標。
技術顧問服務:提供 AI 整合與前端架構諮詢,協助團隊導入現代化開發工具與 AI-Native 開發模式。
AI 開發
前端技術
健康益友股份有限公司
前端工程師
Mar 2022 ~ Apr 2024
主要成就
協同設計與開發遠距看診系統:主導視訊看診系統 Web 介面的開發與規劃,包括醫生端、病人端(LINE Mini)、與行政端,採用 Mono Repo 架構整合多專案。
視訊功能實現與流程簡化:成功部署 Twilio SDK,克服技術整合難題,簡化串接流程,實現視訊看診與螢幕分享功能,滿足醫患遠距看診需求。
成本與效能優化:提出創新開發方式,將開發成本降低 50%,並改進 UI/UX/DX 設計,顯著提升開發便利性 60%。
技術升級與數據流優化:改進前後端數據流邏輯,透過 TypeScript 增強同步性與程式碼可讀性,顯著提升開發效率與程式碼維護性。
全面升級與專案重構:完成公司 React 產品線升級至最新版本,重構程式碼 99%,全面提升產品穩定性與開發體驗(DX)。
AI 輔助開發導入:率先在團隊導入 AI 輔助開發工具,提升程式碼撰寫效率與品質,為後續 AI 應用開發奠定基礎。
前端相關
其他
威許移動股份有限公司
前端工程師
Sep 2021 ~ Mar 2022
主要成就
前端技術指導與團隊協作:帶領並指導 2 名團隊成員(含 app team 主管),協助快速上手 React 並能夠獨立開發。
設計並實現模組化架構:與 app 團隊合作,主導模組化架構設計與實現,開發多個可重用的 package 和 library,支持快速組合新專案。
技術標準化與工具引入:訂定 coding style,導入 eslint、prettier、husky,優化 code review 流程,提高程式碼品質與一致性。
文件撰寫與跨團隊協作:撰寫專案相關文件(如初始化 repo、資料夾結構等),大幅降低溝通成本並統一開發規範。
前端相關
其他
安銳智慧股份有限公司
全端工程師
Jun 2020 ~ May 2021
主要成就
實現關鍵效能突破:與其他同事協同改善多頻道錄影畫面讀取效率,讀取秒數從 5 秒以上變成 1 秒內讀取完成。
主導官網技術棧遷移:獨立負責公司官方網站(www.arisan.io)從舊有的 JQuery 架構遷移至 React,成功提升網站的互動性與長期可維護性。
提升前端開發流程效率:開發出更有效率撰寫 SCSS 的方法及建立共用組件庫,將特定版型的開發效率提升超過 50%。
開發共用組件與優化:開發出數個共用組件,以節省開發時間,並優化整頁式表單組件樣式以及架構。
前端
後端
工具
精選專案 Featured Projects
探索我的技術旅程,從學習階段到專業開發的完整作品集

AI Chat - 多模型對話介面
AI 工具 (個人獨立專案)支援多模型切換的智慧對話介面,整合 Streaming UI 實現即時回應體驗,展現 AI-Native 應用開發能力。
- 支援多種 AI 模型切換(GPT、Claude、Gemini),統一介面體驗
- Streaming UI 串流顯示,優化 LLM 回應等待體驗
- 完整 Markdown 渲染,支援程式碼語法高亮
- 對話歷史管理與匯出功能
- 整合 Vercel AI SDK 實現統一模型介面

Henry Lee 個人網站
個人網站/履歷平台一個現代化的個人網站,整合履歷、專案作品、AI 工具、Medium 文章自動化等多元功能,展現全端開發與產品設計能力。
- 採用 Next.js 15 + TypeScript + Tailwind CSS 打造,支援 App Router
- 整合 AI 字典、AI 需求分析器等自研 AI 工具
- Medium 文章自動同步與輪播展示
- 響應式設計、豐富動畫
- 技能矩陣、專案卡片、工作經驗時間軸等多元展示
- 完整的 SEO 與社群分享優化

AI 智能中文字典
AI 工具 (個人獨立專案)運用 Google Gemini AI 技術,讓中文詞彙的含義、字源、例句等多維度資訊一站式查詢,並結合學習卡片互動,提升學習效率。
- 查詢結果涵蓋詞義、字源、例句等多層次資訊,並以卡片方式呈現,方便學習與複習
- 支援學習模式,可標記「學習完成」並支援撤銷,方便重複查看
- 即時互動動畫,查詢成功與學習完成皆有動態提示,提升使用者體驗
- 嚴謹的錯誤處理與查詢長度限制,確保查詢效率與準確性
- 整合 Google Gemini API,AI 智能分析中文字詞

AI 需求分析器
AI 工具 (個人獨立專案)一款協助深度思考與釐清需求的 AI 工具,能將模糊想法自動拆解為結構化的填空題模板,幫助用戶學會如何給 AI 更好的提示詞。適合產品規劃、專案討論、AI prompt 工程等多元場景。
- 輸入需求後,AI 會自動產生結構化的分析模板,包含多個引導性問題,協助釐清目標、用戶、功能、預算等核心要素
- 支援複製分析結果,可直接用於 ChatGPT、Claude 等 AI 工具的 prompt 編寫
- 即時錯誤處理與載入狀態提示,提升互動體驗
- 介面簡潔,支援行動裝置瀏覽
- 整合 Google Gemini API,確保分析品質與多樣性
技術文章 Medium Articles
技術文章Medium Articles
分享我在軟體開發路上的學習心得與技術見解,記錄成長的每一步
📰 最新文章
從前端視角理解 SOLID:I — 介面隔離原則,別再硬塞用不到的 Props 了!
從前端視角理解 SOLID:I — 介面隔離原則,別再硬塞用不到的 Props 了! 本文為 從前端視角理解 SOLID 系列的第五篇。 第一篇:導論,為何好懂的 React …
從前端視角理解 SOLID:I — 介面隔離原則,別再硬塞用不到的 Props 了! 本文為 從前端視角理解 SOLID 系列的第五篇。 第一篇:導論,為何好懂的 React …
從前端視角理解 SOLID:L — 里氏替換原則,你的「延伸款」別背叛了「基本款」
從前端視角理解 SOLID:L — 里氏替換原則,你的「延伸款」別背叛了「基本款」 本文為 從前端視角理解 SOLID …
從前端視角理解 SOLID:L — 里氏替換原則,你的「延伸款」別背叛了「基本款」 本文為 從前端視角理解 SOLID …
⭐ 精選文章
AI 溝通老是失敗?我花不到三小時,做了一個「AI 的 AI」當解方
靈感:一個逐漸清晰的頓悟
當開發者的價值從「寫 Code」轉向「下指令」:一個真實的極速開發案例
AI 不是取代你,而是強化你:一位工程師的四大 AI 生產力實戰報告
一、ChatGPT (2023/01–2024/03):啟蒙與拓展
從最初的驚艷到成為日常的討論夥伴,這是我與 AI 一同走過三年的真實心得。
Skills
我在軟體開發領域的技能分佈,從核心專長到各種涉獵的技術棧
AI 應用開發
(Expert)
現代前端架構
(Expert)
UI / 開發工具
(Proficient)
後端經驗
(Familiar)
學歷與進修
我的學習歷程與背景
程式導師實驗計畫第三期
學員
明新科技大學
學士學位,化學與材料工程學系
義守大學
副學士學位,化學工程
