Agent Skills Hub

nextjs-app-router

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

mcp-patterns

為 @youdotcom-oss/mcp STDIO 橋接器提供的維護模式，專注於傳輸生命週期管理、關閉保護機制及健全的錯誤處理。

backend-core

語言無關的後端架構模式，涵蓋 API 設計、身分驗證、安全性協定與資料庫建模。

tanstack-integration-best-practices

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

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

mcp-builder

開發高品質 MCP (Model Context Protocol) 伺服器的指南，支援使用 Python 或 TypeScript 將外部 API 與服務整合至 LLM 工作流程中。

agentbudget

一個以代理為核心的零基預算信封管理 CLI 工具，支援使用 SQLite 或 Turso/libSQL 進行財務追蹤。

fuzzing-dictionary

透過提供領域特定權杖、魔術位元組與協定關鍵字，引導模糊測試器深入挖掘程式碼路徑，提升測試效率。

react-flow-node-ts

為 React Flow 節點建立元件腳本，包含 TypeScript 型別定義、Zustand 狀態管理與標準連接點，適用於視覺化工作流程編輯器。

agents-md-generator

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

create-mcp-app

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

migrate-to-vinext

Next.js 專案自動化遷移工具，將其轉換為 vinext（基於 Vite 的 Next.js 實作），包含相容性掃描、依賴項替換與設定檔產生。