
關於我
我以 React、Next.js 和 TypeScript 為核心,打造現代 Web 應用程式與 AI 驅動的解決方案。
我每天使用 Claude Code、Cursor 和 Codex 等 AI 工具,並結合扎實的工程能力與 UX 判斷,打造永續、高效能、安全且無障礙的應用程式。無障礙是我的專長之一:我依據 WCAG 2.2 AA 標準建置及稽核介面,並熟悉《歐洲無障礙法案》(European Accessibility Act)與 EN 301 549 標準。
我取得的認證包括 Anthropic Education 的「Claude 101」、「Claude Code in Action」和「AI Fluency: Framework & Foundations」,另外也完成了 Udemy 上的 JavaScript、Clean Code、CSS、Next.js & React 以及 Docker & Kubernetes(Academind)等課程(2022 年)。
我同時拍攝底片與數位照片;其他興趣還包括 AI 與新興科技、經濟與時事、旅行、公路單車和學習語言。攝影尤其影響我對視覺與介面的思考方式。
您也可以向您的 AI 助理詢問我的工作:本網站提供一個 MCP 伺服器,可新增到 Claude、ChatGPT、Cursor 或 VS Code。
– 至今
LYNX · 比利時根特(混合辦公)
參與開發 LYNX 交易平台(客戶用來投資與交易的應用程式),使用 React、Next.js、TypeScript 和 Tailwind CSS。在 Storybook 中開發元件,並兼顧無障礙(WCAG 2.2 AA)。AI 輔助開發是工作的核心,每天使用 Claude Code 等 AI 程式設計代理。目前正在學習 Java,以便也能參與後端開發。
–
比利時聯邦司法部 · 比利時根特
透過開發 Next.js 應用程式(例如用於管理營運預算的 CourtBudget)改善流程並推動數位化。為司法機關製作 Power BI 資料視覺化,並管理 SharePoint 環境。
–
AdvantITge · 比利時根特
在 sparonline.be 品牌重塑期間主要負責前端開發。建置對外公開的商業網站:LegalSquare、Gronddepot。開發 LegalSquare 案件管理應用程式的多個模組。使用 Playwright 為 LegalSquare、SPAR 等專案撰寫端對端測試。負責公司的 LinkedIn 行銷。
–
Vanden Broele · 比利時布魯日
參與 eGovFlow(為政府打造的數位化平台)的前端開發,包括一個供市民與地方政府溝通的訊息模組。在 eGovFlow 專案中導入 Tailwind CSS 和 Vite。參與 Scan Search Online(數位城市檔案)和 Expertcenter(講師平台)的前端工作。
- Vue.js
- .NET Core
- C#
- JavaScript
- +2
–
AdvantITge · 比利時根特
獨立開發 React 專案,這些專案後來整合進當時正在開發的 LegalSquare 案件管理應用程式。使用 React Native 開發行動應用程式。
- Next.js
- JavaScript
- React
- React Native
- +3
–
–
學歷
我受過正規的程式設計教育,並透過持續自學與實務經驗不斷精進。
- 優等成績(Cum laude)
–
程式設計副學士學位
Odisee · 比利時布魯塞爾
以實務為導向的軟體開發課程,著重 Web 應用程式、程式設計、資料庫與專案實作。
專案
我在不同情境下參與過的部分專案。
文章
關於 Web 開發、AI 與無障礙的文章和貼文。
發表於 Substack
I let AI assistants use my legal calculator
A small Belgian side project, a new protocol, and a few cards I'm a bit too proud of
發表於 LinkedIn
Je kan de rechtsplegingsvergoeding nu rechtstreeks aan Claude of ChatGPT vragen
Dezelfde berekening als op de website, geïndexeerd op de datum die je opgeeft.
發表於 LinkedIn
De RPV Calculator is vernieuwd
Gebouwd voor je smartphone, en nu met acht kleurthema’s.
技能
我日常工作涉及的技術領域概覽。
軟體開發
使用 React、Next.js、TypeScript、Tailwind CSS、TanStack、Angular 和 React Native 進行全端開發。使用 Convex、Hono.js、Supabase、GraphQL、Hasura、Node.js、Express 和 .NET Core 建置後端與 API;在 Storybook 中開發元件;使用 Playwright、Vitest 和 Jest 進行測試;雲端平台涵蓋 Vercel、AWS、Docker、GCP 和 Azure。
UX 設計
在 Figma 和 Adobe Creative Cloud(Photoshop、Illustrator、XD)中進行以 UX 為導向的設計,將使用者需求轉化為清晰的流程與介面。
網頁無障礙
依據 WCAG 2.2 AA 建置及稽核介面:語意化 HTML、在有助益時使用 ARIA、鍵盤與螢幕閱讀器測試,以及提出可行修正建議的稽核。熟悉自 2025 年 6 月 28 日起適用的《歐洲無障礙法案》以及 EN 301 549 標準。
AI 與機器學習
資料與分析
使用 Power BI、PostgreSQL、PostHog 和 Google Analytics 進行資料視覺化與產品分析,著重實用的洞察與清晰的儀表板。
攝影
底片與數位攝影,包括宣傳與行銷用途的拍攝(例如旅遊產業)。
語言
荷蘭語(母語,C2)、英語(C1)、法語(B1)、德語(A1)、葡萄牙語(A1)。持續學習更多語言。
技術
我近期工作與專案中使用的主要技術與工具。
程式語言
07- TypeScript
- JavaScript
- HTML
- CSS
- SQL
- Python
- C#
工具與技術
29- React
- Next.js (App Router)
- React Native
- Tailwind CSS
- TanStack
- Angular
- Convex
- Hono.js
- Supabase
- GraphQL / Hasura
- Node.js / Express
- .NET Core
- Playwright
- Vitest / Jest
- Storybook
- Vercel
- AWS
- GCP / Azure
- Docker
- Git / GitHub
- Power BI
- PostgreSQL
- PostHog / Google Analytics
- AI 輔助開發
- Figma
- Adobe Photoshop / Illustrator / XD
- Puppeteer
- 無障礙(WCAG 2.2、EAA)
- SEO / GDPR 法規遵循




