Agent Skills Hub

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

frontend-design-review

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

Global Coding Style

應用務實編碼標準：包含明確命名、單一職責函數、防禦性程式設計，以及確定性副作用，拒絕過度設計與臆測性功能。

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

table-filters

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

ui-ux-pro-max

適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。

pix

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

format

使用 Prettier 和 Stylelint 驗證代碼格式與樣式規則，且不進行修改。確保代碼庫一致性，檢測 JS/TS/CSS/SCSS 文件中的格式錯誤。

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。