Agent Skills Hub

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

tooling-setup

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

react-typescript

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

fullstack-workflow

Next.js 全端開發標準流程，整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取，以及使用 Zod 驗證的 React Hook Form 表單處理。

ui-styling

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

skill-developer

根據 Anthropic 最佳實踐建立與管理 Claude Code 技能，包含觸發條件、Hook 機制與漸進式揭露。

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

elegant-design

使用 React、Next.js 與 shadcn/ui 等現代設計系統，建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

browser-debugger

使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。

svelte-code-writer

用於 Svelte 5 文件查詢與代碼分析的 CLI 工具。透過即時文件檢索與自動修復功能，優化 Svelte 組件的開發、除錯與檢查流程。

backend-development

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