Agent Skills Hub

nuxt-ui-v4

Nuxt UI v4 生產環境組件庫，包含 125+ 個可存取組件、Tailwind CSS v4、Reka UI，以及專為儀表板、AI 對話和編輯器設計的專業版面。

react-typescript

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

figma

利用 Figma MCP 伺服器獲取設計數據、提取資源，並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

figma-design-to-code

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

persona

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

frontend-accessibility-best-practices

React 應用程式的無障礙最佳實踐與模式，確保符合 WCAG 標準，優化語意結構並提供包容性的使用者體驗。

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

shadcn-vite-iconify-landing-page

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

create-frontend-controller

自動化建立 Magento 2 前端控制器動作，包含路由、依賴注入與標準回應介面，完全遵循 Adobe 開發最佳實踐。

my-openlayer-helper

使用 my-openlayer 函式庫初始化 OpenLayers 地圖、管理圖層，並渲染點、線、面及動畫標記等地理特徵。

react-patterns

實現 React 19 模式：React Compiler、Server Actions、表單與新 hook（如 'use'）。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。