figma-design-to-code
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 338 個技能
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
透過 CLI 建立、修改並驗證 Snowflake 語意視圖 (Semantic Views)。自動化產生、說明與測試語意層定義,確保模型準確性與星狀架構合規。
驗證並強制執行 Markdown 文件結構,包含 YAML 前言定位、標題層級規範以及 Obsidian 知識庫的內容組織。
使用平行子代理執行 Semgrep 原始碼靜態分析,支援多語言偵測與 Pro 版本跨檔案汙染分析。
根據 Anthropic 最佳實踐建立與管理 Claude Code 技能,包含觸發條件、Hook 機制與漸進式揭露。
使用嚴格的測試驅動方法將 Semgrep 規則移植到新語言。包含適用性分析、基於 AST 的轉換以及針對每種目標語言的自動化驗證。
為 React 開發者提供的自動化代碼維護工具,用於解決 lint、代碼格式化及 CI 驗證錯誤。
Laravel 11/12 應用程式開發的標準化工作流程與指南,涵蓋技術棧偵測、依賴管理以及 Laravel Boost 工具的整合。
行動應用程式 UX/UI 設計指南,涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。
開發高品質 MCP (Model Context Protocol) 伺服器的指南,支援使用 Python 或 TypeScript 將外部 API 與服務整合至 LLM 工作流程中。
透過 ViralBaby API 製作 TikTok 輪播圖。自動化圖片搜尋、文字疊加與草稿上傳,輕鬆管理社群內容創作。
Python 編碼助手,提供最佳實踐、PEP 8 風格檢查、使用 pytest 自動化測試以及 uv 依賴管理。