工程開發生產力
figma
利用 Figma MCP 伺服器獲取設計數據、提取資源,並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。
瀏覽: 15★ 2,245
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 144 個技能
利用 Figma MCP 伺服器獲取設計數據、提取資源,並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。
自動化前端組件測試、使用者互動模擬、API 模擬,以及設置 Vitest、React Testing Library 與 Vue Test Utils。
用於建立專案專屬 AI 代理指南的模板技能,定義確定性開發所需的架構、檔案結構與程式碼模式。
使用官方遷移指南與自動化 codemods 將 Next.js 專案升級至最新版本。
Jean Claude 編排框架的專家開發指南。適用於源代碼修改、架構設計、測試與調試。
用於提交前與部署前檢查的自動化代碼品質驗證工具,涵蓋 TypeScript、建置與 lint 檢查。
一個自動化的 UI 實作代理,利用 Figma MCP 和瀏覽器渲染驗證,將 Figma 設計轉換為像素級精確的程式碼。
一套為 Claude Code 設計的全面配置套件,包含生產級 Agent、技能、Hook 和自動化工作流程,專為高強度開發優化。
使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式,無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。
診斷並解決常見的 Flutter 運行時與佈局錯誤,包括 RenderFlex 溢出、無界約束以及狀態管理問題。
為建立 OpenCode AI 代理程式提供專家指引與配置標準,包含 YAML frontmatter、工具權限設定及操作模式等。
根據 Figma 或設計稿實作 UI 組件,提供像素級精確度、智慧設計驗證與自適應代理切換功能。