Agent Skills Hub

dev-checker

用於提交前與部署前檢查的自動化代碼品質驗證工具，涵蓋 TypeScript、建置與 lint 檢查。

roier-seo

AI 技術 SEO 稽核工具，執行 Lighthouse/PageSpeed 評測並自動修復網站效能、無障礙網頁與結構化資料等程式碼問題。

tanstack-integration-best-practices

TanStack Query、Router 與 Start 的整合模式與最佳實踐。確保全端資料流的類型安全、高效的 SSR 與統一的快取機制。

aarnphm.github.io

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

agents-md-generator

為 AI 編碼代理生成分層且節省 token 的 AGENTS.md 檔案，提供全庫上下文與專案特定指南。

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

design

協作式 UI 設計、線框圖繪製與 Tailwind 優先的程式碼優化，打造獨特且高品質的介面，避免生成式 AI 的通用設計模式。

angular-forms

使用實驗性的 Angular v21+ Signal Forms API 構建反應式且型別安全的表單。支援自動雙向綁定、基於結構的驗證以及細粒度的欄位狀態管理。

dev

開發與維護 PWAFire 工具庫：編寫 PWA API 模組、處理功能檢測、管理測試，並遵循嚴格的同步/非同步模式與錯誤處理規範貢獻程式碼。

swiftui-performance-audit

審計並優化 SwiftUI 執行階段效能。透過程式碼審查、架構分析與 Instruments 設定檔指導，診斷渲染遲緩、滾動卡頓、高資源消耗及版面配置抖動等問題。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。