Agent Skills Hub

frontend-design-pro

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

state-management

前端狀態管理指南，涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。

vibe-prd

專為 vibe-coding MVP 設計的 PRD 生成器。協助使用者定義產品需求、目標受眾與成功指標，為開發工作流程奠定清晰基礎。

web-frameworks

全端網頁開發套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 單體庫管理及 RemixIcon 圖示庫。專為現代 React 開發、高效能構建與可擴展架構設計。

ui

產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

Frontend Components

為 Django 生產環境伺服器與工作程序提供標準化配置與管理。

server-components

Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

flowgram.ai

FlowGram.ai 自定義節點開發指南，支援簡單節點自動表單與複雜節點自定義 UI 開發。

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬，以及設置 Vitest、React Testing Library 與 Vue Test Utils。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。