Agent Skills Hub

ui-design

一個專門用於生成單文件 HTML 使用者介面的工具，內建 Tailwind CSS，非常適合快速原型製作、UI 探索和設計靈感參考。

awb

為 Claude Code 和 AI 代理提供互動式 UI 元件。建立確認框、清單、輸入框、表格和視圖，以實現非阻塞式互動與監控。

ragcode-sse

透過 SSE 協定直接連接 RagCode MCP，無需繁瑣的設定檔或二進位檔案依賴。

convex-self-hosting

自動化 Convex 靜態網站託管整合，管理 React、Vite 與 Next.js 應用的上傳 API、HTTP 路由及部署腳本。

webmcp

為任何網頁應用程式建立並測試 AI 就緒的 MCP 工具。透過程式碼注入與自動化瀏覽器互動，將網站轉化為智慧代理程式。

figma-design-to-code

使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼，精確處理標記、樣式與設計標記整合。

create-auth-skill

使用 Better Auth 在 TypeScript/JavaScript 應用程式中構建與實作身份驗證。自動偵測框架、配置資料庫介面卡、設定路由處理常式、加入 OAuth 提供者並建立 UI 頁面。

proofreader-api

將瀏覽器原生 Proofreader API 整合至網頁應用，提供 AI 驅動的文本校正、語法檢查與語言支援，並包含受控的模型生命週期管理。

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。

librarian

抓取、索引並搜尋 GitHub 和網站上的開發者文件，為 AI 代理提供準確、基於真實來源且具備版本控制的程式碼上下文。

openapi-spec-generator

從代碼 (FastAPI, NestJS) 或設計優先模式生成 OpenAPI 3.0/3.1 規範。支援客戶端 SDK 生成、模擬伺服器設置以及 Swagger/ReDoc/Stoplight 文檔工作流。

debug-mcp

針對 MCP 伺服器與 Microsoft Copilot Studio 整合的系統性除錯工作流程，包含常見修復模式與驗證腳本。