figma-design-to-code
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 228 個技能
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
lemline-core 開發指南。適用於無狀態 Serverless Workflow 引擎,涵蓋工作流執行、節點導航、狀態轉換、JQ 表達式評估、錯誤處理及並行分支邏輯。
使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form,並實踐響應式行動優先開發。
使用視覺化圖表、生活比喻、逐步導覽與常見陷阱來解釋程式碼。
使用 HexDI 原則設計模組化 TypeScript 函式庫:實現編譯時依賴驗證、功能優先組織與清晰的 API 邊界。
使用 CodeQL 進行深入的程式碼安全性分析,支援跨程序資料流、汙染追蹤及多種語言的自動化漏洞偵測。
使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式,無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。
Google Ads 整合工具,透過 Membrane CLI 管理廣告活動、帳戶、預算與報告。利用自動化身份驗證與跨資源管理功能,優化您的廣告工作流程。
使用自動化子代理程式抓取並彙整最新的 Posit 新聞、部落格文章、Podcast、影片內容與活動公告。
為事件溯源系統構建讀取模型與投影,適用於 CQRS、物化視圖及查詢效能優化。
一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包,整合了 Vite、Tailwind CSS 與 shadcn/ui。
一個系統化的多角度網頁研究代理。適用於深度調查、複雜問題查詢,以及在內容生成前作為強制性的研究步驟,確保獲得有據可查的高質量結果。