react-ui-patterns
標準化的 React UI 模式,用於處理載入狀態、錯誤處理與資料擷取,確保一致的使用者體驗與穩固的元件架構。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 83 個技能
標準化的 React UI 模式,用於處理載入狀態、錯誤處理與資料擷取,確保一致的使用者體驗與穩固的元件架構。
生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼,包含輔助功能、響應式佈局及完善的狀態處理。
強制執行 UI 嚴格遵守專案設計系統的標記、元件與版面配置規範,以確保前端開發的一致性。
利用 Tailwind CSS v4 建構可擴展的設計系統,包含 CSS 優先配置、設計標記、元件變體與響應式模式。
為 Django 生產環境伺服器與工作程序提供標準化配置與管理。
精通 iOS 人機介面準則 (HIG) 與 SwiftUI。提供原生 iOS 應用程式開發、介面設計、SwiftUI 元件實作與 Apple 平台設計原則的專業指導。
協作式 UI 設計、線框圖繪製與 Tailwind 優先的程式碼優化,打造獨特且高品質的介面,避免生成式 AI 的通用設計模式。
利用 Figma MCP 伺服器獲取設計數據、提取資源,並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。
適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。
適用於 M5Stack Tab5 的 UI 元件模式與觸控輸入處理,支援 M5GFX 與 LVGL 開發。
從單一十六進位顏色代碼生成完整且易於存取的色彩系統。包含 11 階色譜 (50-950)、語意標記、深色模式變體及 Tailwind v4 CSS 輸出。
掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。