Agent Skills Hub

design-references

提供 UI 審閱的預定義設計系統參考，涵蓋 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

ui-design-system

專業 UI 設計系統工具包，涵蓋設計代幣生成、組件架構、響應式設計計算及開發人員交接文檔，確保視覺一致性。

server-components

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

ui-ux-pro-max

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

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

design

協作式 UI 設計、線框圖繪製與 Tailwind 優先的程式碼優化，打造獨特且高品質的介面，避免生成式 AI 的通用設計模式。

frontend-app-design

構建獨特、高品質的 React Native Expo 介面，運用液態玻璃設計與 iOS 人機介面準則，打造工業級行動應用。

persona

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

frontend-design-pro

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

web-design-guidelines

審查 UI 代碼以符合 Web 介面準則。自動檢查可訪問性、設計標準及 UX 最佳實踐。

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

figma-design-to-code

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