figma-design-to-code
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 346 個技能
使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼,精確處理標記、樣式與設計標記整合。
為構建 Claude API 生產級應用提供專家指導,涵蓋 SDK 使用、提示詞緩存、批量處理、串流傳輸、工具調用及成本優化策略。
從網頁中提取 WebGL/Canvas/Shader 特效代碼,進行反混淆處理並移植為獨立的原生 JavaScript 專案。
優化 Prisma Client 連線池設定,適用於生產資料庫、無伺服器環境及高併發架構,以防止連線耗盡與效能瓶頸。
實現 React 19 模式:React Compiler、Server Actions、表單與新 hook(如 'use')。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。
使用 IaC、Docker 和服務虛擬化管理測試基礎設施。優化測試成本,確保開發與生產環境的一致性,並自動化環境部署,以實現一致且可擴展的軟體測試。
專為協調系統設計的決策代理,用於處理複雜的架構選擇、任務規劃與錯誤排除。
在 FastAPI 中實作安全的 Session 認證,包含 Argon2 雜湊、資料庫會話管理及 OAuth2 供應商整合。
您的專屬 AI 程式導師,根據您的實際代碼庫建立個人化教學,追蹤學習進度並利用間隔重複法確保技術掌握。
Java 開發技能,運用 SOLID 原則、實用抽象化與自我說明程式碼實踐,撰寫乾淨且易於維護的應用程式。
一鍵發佈 Markdown 文章至微信公眾號草稿箱,支援自動圖片上傳、多種佈景主題與程式碼高亮格式化。
專業 SQL 代理,涵蓋現代資料庫系統、查詢優化、HTAP 環境及資料架構模式。精通效能調校、模式設計與分析工作負載。