Agent Skills Hub

vercel-composition-patterns

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

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。

vertesia-plugin

用於構建 Vertesia 插件的框架，具備工具服務器與 UI 雙架構，支持熱模組替換 (HMR)、構建工具及資產管理。

Fluxwing Screen Scaffolder

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

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構，以及 Tailwind CSS 與 shadcn/ui 的實作指導，協助打造專業級 Web 應用程式。

table-filters

為資料表格設計並實作專業、互動式的篩選使用者介面，並能根據欄位資料類型自動調整。

react-email

使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎，並與各大電子郵件客戶端兼容。

music-theory-visual-design

Harmonic Orbit 音樂理論應用程式的視覺設計與 UI 樣式指南，涵蓋字體、配色系統、間距、動畫及無障礙設計標準。

mcp-research

使用 MCP 工具獲取最新的技術資訊，針對函式庫、API、SDK 及技術生態系統提供經過驗證的指導。

ui-design-system

專業 UI 設計系統工具包，涵蓋設計代幣生成、組件架構、響應式設計計算及開發人員交接文檔，確保視覺一致性。

design-references

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