Agent Skills Hub

Building Frontend Dashboards

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

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

stripe-patterns

Stripe 付款整合模式，涵蓋結帳、Webhook 與訂閱。確保 API 安全使用、冪等性、簽章驗證與測試合規性。

overview

TraceMem 基礎心智模型與操作規則，確保 AI 代理執行過程的安全、可稽核性與合規性。

supabase-auth

管理 Supabase 身份驗證，包含使用者註冊、登入、會話管理以及透過 REST API 進行的管理員級使用者生命週期操作。

iam

管理 AWS Identity and Access Management：配置使用者、角色、策略與權限，確保雲端環境安全性。

context7

透過 Context7 API 獲取 React、FastAPI、Next.js 等框架的即時技術文件、程式碼範例與開發指導。

auto-skill-generator

研究技術文件並自動生成可直接使用的 Markdown 格式軟體代理技能。

feature-dev

引導式功能開發代理，透過系統化的探索、架構設計、程式碼實作與自動化測試來完成開發任務。

springboot-security

Spring Boot 服務的身份驗證/授權、校驗、CSRF、機密管理、響應頭、速率限制及依賴安全的 Spring Security 最佳實踐。

google-ads

Google Ads 整合工具，透過 Membrane CLI 管理廣告活動、帳戶、預算與報告。利用自動化身份驗證與跨資源管理功能，優化您的廣告工作流程。

template-structure

透過預先配置的 Claude Code 目錄、指令與代理機制，標準化專案架構，確保所有開發模板具備高度一致性。