figma-design-to-code
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 498 個技能
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
實作 shadcn/ui 元件:包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。
使用 Better Auth 在 TypeScript/JavaScript 應用程式中構建與實作身份驗證。自動偵測框架、配置資料庫介面卡、設定路由處理常式、加入 OAuth 提供者並建立 UI 頁面。
n8n 整合自動化測試框架,涵蓋 API 合約驗證、身份驗證流程、速率限制處理與錯誤情境測試。
為所有軟體開發任務提供強制性的執行驗證。在確認結果前,透過實際運行來確保代碼功能正確。
發現並安裝代理技能以擴展 DeerFlow 功能。使用此技能搜尋適用於編碼、測試、部署等任務的工具、工作流程或專業知識。
提供編寫 Playwright 測試的最佳實踐指南,包含定位器策略、斷言規範及 CI/代理集成建議。
透過 API 管理 YNAB 預算、追蹤支出並自動化財務報告。支援記帳、目標監控及自動化預算分析功能。
提供模型上下文協議 (MCP) 伺服器開發指南,涵蓋工具設計、資源處理及 AI/ML 整合模式。
為 Python 代碼提供 6 階段唯讀分析的工作流程,根據專案類型(從 POC 到開源)檢測設計原則違規、程式碼異味並建議現代化改善方案。
VVM (Vibe Virtual Machine) 是用於代理程式的語言,將 LLM 作為執行環境。它能編排多代理工作流程、管理狀態並構建彈性的 AI 管道。
基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略,包含 TypeScript 整合與 Vite 設定。