Agent Skills Hub

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

清除

共找到 106 個技能

工程開發自動化
wayfinder-development avatar

wayfinder-development

使用 Wayfinder 函式庫管理 Inertia.js React 前端組件中型別安全的 Laravel 後端路由。

瀏覽: 14
工程開發生產力
design-system-patterns avatar

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

瀏覽: 8★ 34,497
工程開發生產力
web-artifacts-builder avatar

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

瀏覽: 38★ 126,517
工程開發自動化
core-dev avatar

core-dev

lemline-core 開發指南。適用於無狀態 Serverless Workflow 引擎，涵蓋工作流執行、節點導航、狀態轉換、JQ 表達式評估、錯誤處理及並行分支邏輯。

瀏覽: 6★ 37
工程開發自動化
browser-debugger avatar

browser-debugger

使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。

瀏覽: 8★ 255
工程開發生產力
shadcn-ui avatar

shadcn-ui

實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。

瀏覽: 31★ 255
工程開發生產力自動化
create-mcp-app avatar

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

瀏覽: 12★ 46,732
工程開發資料分析
d3js-data-visualization avatar

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

瀏覽: 6★ 111
工程開發自動化
pix avatar

pix

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

瀏覽: 14★ 90
工程開發自動化生產力
project-development avatar

project-development

一套管理 LLM 專案生命週期的框架，涵蓋評估任務模型契合度、架構設計、結構化輸出解析及代理輔助開發流程。

瀏覽: 10★ 15,339
生產力工程開發
chatkit-frontend avatar

chatkit-frontend

使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。

瀏覽: 11
工程開發
livewire-development avatar

livewire-development

開發反應式 Livewire 4 組件，處理 wire 指令、狀態管理、即時更新、組件測試，並整合 Flux UI 以構建高效能 Laravel 應用程式。

瀏覽: 11