Agent Skills Hub

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

pix

一個自動化的 UI 實作代理，利用 Figma MCP 和瀏覽器渲染驗證，將 Figma 設計轉換為像素級精確的程式碼。

react-typescript

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

wednesday-design

UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。

interface-design

為實用型應用程式提供介面設計指引，專注於儀表板、管理面板與數據密集型介面，採用以組件庫為先的開發模式。

design-excellence

一套設計系統與反模式指南，讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫，為 Toh Framework 提供專業的視覺品質。

solid-start-server-runtime

SolidStart 伺服器執行階段專業指南，涵蓋請求事件、中介軟體、伺服器函式與 API 架構設計。

user-story

使用 Mike Cohn 格式與 Gherkin 驗收標準建立結構化用戶故事，將需求轉化為可測試且可供開發的任務。

make-slide

生成專業的單檔案 HTML 簡報，內建演講者備忘錄。支援多種主題、版面配置及 PPTX 匯出，適用於演講、投影片及提案。