Agent Skills Hub

aarnphm.github.io

一個基於 Quartz v4 高度客製化的數位花園，支援增強型 Markdown 解析、縮放文字、TikZ 與偽代碼渲染，並整合了 Obsidian 插件生態。

nextjs-app-router

Next.js 13+ App Router 開發專家，支援 Server Components、巢狀佈局、Suspense 串流傳輸以及進階數據獲取模式的應用開發。

react-email

使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎，並與各大電子郵件客戶端兼容。

flutter-duit-bdui

整合、修復與除錯 Flutter 的 Duit/flutter_duit 後端驅動 UI (BDUI)。支援遠端/靜態佈局、自定義組件、傳輸管理器以及生命週期除錯。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

office-sprite

使用 Nano Banana MCP 和 ImageMagick 為 Claude Office Visualizer 生成並處理 16 位元像素藝術辦公室資源。

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。

kirby-forms-and-frontend-actions

為 Kirby CMS 實作前端表單與動作，包含聯絡表單、檔案上傳、郵件處理以及從前端建立頁面等功能。

Development Tools

Multigres 專案開發工具：自動化執行單元測試、整合測試以及環境協調，適用於 Vitess-for-Postgres。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

server-components

Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。

tailwind-design-system

利用 Tailwind CSS v4 建構可擴展的設計系統，包含 CSS 優先配置、設計標記、元件變體與響應式模式。