Agent Skills Hub

generate-translations

自動化 Payload CMS 核心套件與插件的在地化翻譯字串生成與同步。

chrome-devtools-mcp

Chrome DevTools MCP 伺服器，透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

performance-optimization

透過 Redis 快取、叢集運算、效能剖析與監控技術，優化 Node.js 應用程式效能，打造高效且可擴展的後端服務。

task-breakdown

將複雜的開發需求拆解為可執行的任務序列，並針對多代理環境進行委派分析。

bunjs-architecture

為 Bun.js 應用程式實施整潔架構：分層模式（路由/控制器/服務/儲存庫）、camelCase 命名慣例、Prisma 綱要設計及結構化實作工作流程。

backend-development

構建、優化與維護現代化後端系統，涵蓋 Node.js、Python、Go 與 Rust。支援 API 設計、資料庫管理、安全性防護及 DevOps 實務流程。

Building Frontend Dashboards

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

bun

使用 Bun 作為 Node.js 高效能替代方案的全面指南。支援專案初始化、套件管理、腳本執行及遷移檢查清單。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

aarnphm.github.io

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