Agent Skills Hub

探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。

清除

共找到 144 個技能

工程開發生產力
figma avatar

figma

利用 Figma MCP 伺服器獲取設計數據、提取資源,並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。

瀏覽: 152,245
工程開發
testing-frontend avatar

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬,以及設置 Vitest、React Testing Library 與 Vue Test Utils。

瀏覽: 9255
工程開發自動化
cc-skill-project-guidelines-example avatar

cc-skill-project-guidelines-example

用於建立專案專屬 AI 代理指南的模板技能,定義確定性開發所需的架構、檔案結構與程式碼模式。

瀏覽: 163
工程開發自動化
next-upgrade avatar

next-upgrade

使用官方遷移指南與自動化 codemods 將 Next.js 專案升級至最新版本。

瀏覽: 58846
工程開發自動化
jean-claude-dev avatar

jean-claude-dev

Jean Claude 編排框架的專家開發指南。適用於源代碼修改、架構設計、測試與調試。

瀏覽: 251
工程開發自動化
dev-checker avatar

dev-checker

用於提交前與部署前檢查的自動化代碼品質驗證工具,涵蓋 TypeScript、建置與 lint 檢查。

瀏覽: 9
工程開發自動化
pix avatar

pix

一個自動化的 UI 實作代理,利用 Figma MCP 和瀏覽器渲染驗證,將 Figma 設計轉換為像素級精確的程式碼。

瀏覽: 1490
工程開發生產力自動化
everything-claude-code-cn avatar

everything-claude-code-cn

一套為 Claude Code 設計的全面配置套件,包含生產級 Agent、技能、Hook 和自動化工作流程,專為高強度開發優化。

瀏覽: 1416
工程開發生產力
htmx-rust avatar

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式,無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

瀏覽: 12
工程開發
flutter-errors avatar

flutter-errors

診斷並解決常見的 Flutter 運行時與佈局錯誤,包括 RenderFlex 溢出、無界約束以及狀態管理問題。

瀏覽: 44538
工程開發生產力自動化
creating-opencode-agents avatar

creating-opencode-agents

為建立 OpenCode AI 代理程式提供專家指引與配置標準,包含 YAML frontmatter、工具權限設定及操作模式等。

瀏覽: 59106
工程開發自動化
ui-implementer avatar

ui-implementer

根據 Figma 或設計稿實作 UI 組件,提供像素級精確度、智慧設計驗證與自適應代理切換功能。

瀏覽: 13255