Agent Skills Hub

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

清除

共找到 183 個技能

工程開發生產力
react-state-management avatar

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

瀏覽: 1234,497
工程開發自動化
claude-code avatar

claude-code

Claude Code 代理程式的標準化技能,用於透過 Claudish CLI 動態查詢 OpenRouter 模型建議與中繼資料。

瀏覽: 41255
工程開發生產力
designer avatar

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構,以及 Tailwind CSS 與 shadcn/ui 的實作指導,協助打造專業級 Web 應用程式。

瀏覽: 11123
工程開發自動化
skr avatar

skr

用於管理、建置及部署 Agent Skills 的命令列工具,支援將技能打包為 OCI 成品並在生態系統中共享。

瀏覽: 124
工程開發生產力自動化
agent-canvas avatar

agent-canvas

透過 CLI 在 TLDraw 畫布上繪製圖表、流程圖與註解。適用於架構規劃、程式碼審查與代理程式執行紀錄視覺化。

瀏覽: 1516
工程開發
react-ui-patterns avatar

react-ui-patterns

標準化的 React UI 模式,用於處理載入狀態、錯誤處理與資料擷取,確保一致的使用者體驗與穩固的元件架構。

瀏覽: 65,850
工程開發生產力自動化
pr-demo avatar

pr-demo

為 Pull Request 與文件製作精美的終端機動畫演示,支援使用 asciinema、agg 與 svg-term-cli 進行錄製與轉換。

瀏覽: 62,784
生產力工程開發內容創作
mermaid-visualizer avatar

mermaid-visualizer

將文字轉換為專業 Mermaid 圖表。自動處理語法、子圖及佈局規則,輕鬆生成流程圖、時序圖與結構圖。

瀏覽: 172,638
工程開發生產力教育
claude-code-guide avatar

claude-code-guide

Claude Code 高級開發指南,涵蓋 REPL 環境、MCP 整合、開發工作流及 AI 輔助編程最佳實踐,助力提升開發效率。

瀏覽: 3720,159
工程開發生產力
design-excellence avatar

design-excellence

一套設計系統與反模式指南,讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫,為 Toh Framework 提供專業的視覺品質。

瀏覽: 1279
生產力內容創作自動化
slack-gif-creator avatar

slack-gif-creator

用於建立與優化 Slack 動畫 GIF 的工具包。包含影格建構、動畫特效、驗證工具及 Slack 專屬規格限制。

瀏覽: 23125,612
工程開發
tooling-setup avatar

tooling-setup

為 React 19 專案提供的生產級開發環境配置,包含 Vite、TypeScript、Biome 及 Vitest,提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。

瀏覽: 7255