Agent Skills Hub

shadcn-vite-iconify-landing-page

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

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

theme-factory

一套用於為簡報、文件和網頁等產出物套用一致且專業樣式的工具組，支援預設主題或即時生成自定義主題。

tailwind-config

管理 monorepo 中的 Tailwind CSS 設定、自訂設計標記、主題與設計系統工具。

react

LobeHub React 組件開發指南，包含 antd-style 樣式、@lobehub/ui 佈局與路由管理。

dashboard-design

Vizro 儀表板設計與規劃工具，強制執行 3 步驟工作流程（需求、佈局、視覺化），確保開發出可直接投入生產的儀表板。

shadcn-ui

實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。

frontend-design-review

評估、審核並構建具有高品質設計、符合無障礙標準及設計系統規範的生產級前端介面。

components-build

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

ui-mockup

音訊插件 WebView UI 設計協調器，處理迭代式原型製作及 JUCE 插件的生產級程式碼腳手架生成。

server-components

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