frontend-design-pro
打造價值 $50,000 美元級別的專業前端介面,提供生產級程式碼、精選排版與高品質影像素材整合。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 83 個技能
打造價值 $50,000 美元級別的專業前端介面,提供生產級程式碼、精選排版與高品質影像素材整合。
掌握設計系統架構:實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程,建立可擴展的 UI 基礎。
核心元件庫與設計系統模式,透過設計權杖 (design tokens) 確保 UI 開發的一致性。
Next.js React Server Components (RSC) 指南,涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。
構建獨特、高品質的 React Native Expo 介面,運用液態玻璃設計與 iOS 人機介面準則,打造工業級行動應用。
使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。
Lovable 風格 AI 開發工作流程控制器。透過調度專門的子代理,即時生成優質、多頁面且具備動畫效果的應用程式。無需冗長提示,直接啟動開發。
使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。
一個自動化的 UI 實作代理,利用 Figma MCP 和瀏覽器渲染驗證,將 Figma 設計轉換為像素級精確的程式碼。
建立一致的視覺系統,包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範,以提升 UI 開發的一致性。
管理 monorepo 中的 Tailwind CSS 設定、自訂設計標記、主題與設計系統工具。
企業級 React CRUD 開發技能,專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。