Agent Skills Hub

design-references

提供 UI 審閱的預定義設計系統參考，涵蓋 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

webmcp

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

formik-patterns

React 應用程式的 Formik 表單處理、Yup 驗證架構與表單提交模式。

document

用於 Claude Code 的互動式終端畫布，支援 Markdown 渲染、文字編輯及選取，適用於文件檢視與郵件處理。

ask-user-question

使用 AskUserQuestion 工具在軟體代理中實現互動式、分步驟的用戶輸入工作流程，用於引導決策與配置。

react

LobeHub React 組件開發指南，包含 antd-style 樣式、@lobehub/ui 佈局與路由管理。

Fluxwing Screen Scaffolder

透過組合多個 uxscii 元件來建構完整的 UI 螢幕。適用於建立、架構或構建 .uxm 螢幕，例如登入、儀表板、個人資料、設定或結帳頁面。

mcp-rails

在 Rails 應用中實現完整的模型上下文協議 (MCP)。支援連接外部 MCP 伺服器、將 Rails 應用程式暴露為 MCP 伺服器、透過 Docker 管理子進程，以及 OAuth 2.1 PKCE 驗證。

z-card-image

自動化文案轉圖片引擎，專為社群媒體貼文、文章封面與長圖設計。支援 X 風格、微信公眾號與海報模板，提供精準文字排版與高亮標註功能。

fullstack-workflow

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

vitest-runner

自動化 Vitest 管理技能：處理 TypeScript/JavaScript 專案的測試執行、覆蓋率報告、失敗診斷及設定管理。

browser-debugger

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