Agent Skills Hub

baseline-ui

執行意見化的 UI 基準，利用 Tailwind CSS、Radix UI 和 Framer Motion 確保介面一致性、無障礙與高效能，防止設計品質劣化。

artifacts-builder

一套用於為 Claude.ai 建構複雜多組件 React/Tailwind/shadcn/ui 產物的工具，具備將專案自動打包成單一 HTML 檔案的功能。

frontend-design-pro

打造價值 $50,000 美元級別的專業前端介面，提供生產級程式碼、精選排版與高品質影像素材整合。

template-nextjs-moderne

為 Claude Code 提供的全方位 Next.js 15 開發與專案管理技能，包含 Supabase 整合、RBAC 權限管理及自動化品質驗證。

wednesday-design

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

aesthetic

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

music-theory-visual-design

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

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

pix

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

frontend

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

persona

一個 AI 驅動的框架，用於從零開始打造獨特且真實的個人作品集網站。引導 AI 代理完成研究、設計與實作，構建具備個人特色的專業網站。

ui-design

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