工程開發生產力
artifacts-builder
一套用於為 Claude.ai 建構複雜多組件 React/Tailwind/shadcn/ui 產物的工具，具備將專案自動打包成單一 HTML 檔案的功能。
瀏覽: 103★ 3,128
在找 component library 相關工作流嗎？這些 agent skills 可協助開發者自動化設定、編程與交付。
Agent Skills Hub
探索可重用的代理技能，查看實作細節，快速找到適合你工作流程的技能。
共找到 17 個技能
工程開發生產力自動化
senior-frontend-engineer-react
企業級 React CRUD 開發技能，專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。
瀏覽: 196★ 1#react#dva#typescript#crud
工程開發
livewire-development
開發反應式 Livewire 4 組件，處理 wire 指令、狀態管理、即時更新、組件測試，並整合 Flux UI 以構建高效能 Laravel 應用程式。
瀏覽: 27
工程開發生產力
wednesday-design
UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。
瀏覽: 21★ 148
工程開發生產力
interface-design
為實用型應用程式提供介面設計指引，專注於儀表板、管理面板與數據密集型介面，採用以組件庫為先的開發模式。
瀏覽: 21
自動化工程開發生產力
seer
macOS 視覺自動化工具，提供精確視窗截圖、錄影、UI 標註、Excalidraw 線框圖生成及自動化視覺回歸測試。
瀏覽: 27★ 62
工程開發自動化生產力
awb
為 Claude Code 和 AI 代理提供互動式 UI 元件。建立確認框、清單、輸入框、表格和視圖，以實現非阻塞式互動與監控。
瀏覽: 23★ 13
工程開發
build-design-system
使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。
瀏覽: 14★ 5
工程開發市場行銷
shadcn-vite-iconify-landing-page
使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。
瀏覽: 15★ 87
工程開發生產力
pencil-ui-design
使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。
瀏覽: 37★ 78
工程開發生產力
nuxt-ui-v4
Nuxt UI v4 生產環境組件庫，包含 125+ 個可存取組件、Tailwind CSS v4、Reka UI，以及專為儀表板、AI 對話和編輯器設計的專業版面。
瀏覽: 22★ 128
工程開發生產力
mintlify
維護 Mintlify 文件網站：設定導覽列、管理 MDX 內容、新增元件以及處理 API 參考文件。
瀏覽: 18★ 9,494
相關連結
相關搜尋
常見問題
- component library 的 AI Agent 技能是什麼？
- 它們是可重用的指令與工具包，幫助 AI coding agent 更穩定地完成與 component library 相關的任務。
- 如何從此頁安裝技能？
- 打開技能詳情頁，依照安裝指引操作，或使用 Mentalok Skill Manager 將技能同步到你的 agent 環境。
- 這跟 Skills Hub 搜尋一樣嗎？
- 此頁是 component library 的專屬落地頁。互動式語意搜尋在 Skills Hub 主搜尋框。