Agent Skills Hub

build-design-system

使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

web3-testing

為 Hardhat 和 Foundry 提供的全面智能合約測試技能，包含單元測試、整合測試、Gas 優化、模糊測試與主網分叉。

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

cross-plugin-detective

代理角色偵探技能標準化集成。將代理映射至代碼分析技能，並強制執行 claudemem 以實現索引內存代碼調查。

figma-design-to-code

使用 TemPad Dev MCP 將 Figma 設計轉換為符合專案規範的 UI 代碼，精確處理標記、樣式與設計標記整合。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。

webpack

Webpack 前端開發參考工具。提供配置指南、故障排除、性能優化技巧及最佳實踐，協助開發者高效管理前端構建專案。

release

自動化 Worktrunk 的發布流程，包含版本號更新、CHANGELOG 生成、貢獻者鳴謝，以及發布至 crates.io 和 GitHub。

audio-extractor

從 1500 多個網站提取高品質音訊，支援多種格式轉換 (MP3, FLAC 等)、內嵌元數據與封面，並可批次下載播放清單。適合製作 Podcast、音樂收藏與影音轉檔。

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

template-nextjs-moderne

為 Claude Code 提供的全方位 Next.js 15 開發與專案管理技能，包含 Supabase 整合、RBAC 權限管理及自動化品質驗證。