工程開發自動化
browser-debugger
使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。
瀏覽: 8★ 255
Agent Skills Hub
探索可重用的代理技能，查看實作細節，快速找到適合你工作流程的技能。
共找到 95 個技能
工程開發
server-components
Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。
瀏覽: 8★ 2,842
生產力工程開發
User Story Writing
使用標準的「As a/I want/So that」框架編寫結構良好的使用者故事，並包含清晰的驗收標準，以確保敏捷團隊的一致性。
瀏覽: 8
工程開發
frontend-ui-animator
為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。
瀏覽: 17★ 1
工程開發
tamagui-best-practices
Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。
瀏覽: 10★ 43
工程開發
components-build
根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。
瀏覽: 3★ 47
工程開發生產力
web-design-guidelines
審查 UI 代碼以符合 Web 介面準則。自動檢查可訪問性、設計標準及 UX 最佳實踐。
瀏覽: 77★ 64,170
工程開發
threejs-builder
使用現代 ES 模組構建高性能 Three.js 網頁場景。涵蓋場景圖設置、燈光、幾何體、GLTF/GLB 模型載入、動畫循環以及效能優化最佳實踐。
瀏覽: 65★ 51
工程開發生產力
design-references
提供 UI 審閱的預定義設計系統參考，涵蓋 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。
瀏覽: 20★ 255
工程開發生產力
design-excellence
一套設計系統與反模式指南，讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫，為 Toh Framework 提供專業的視覺品質。
瀏覽: 12★ 79
工程開發生產力
web-artifacts-builder
一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。
瀏覽: 38★ 126,517
工程開發自動化
claude-skills
一套包含超過 305 個模組化指令包、Python CLI 工具與代理工作流的綜合庫，專為擴展 Claude Code、Cursor、Aider 與 Gemini CLI 等 AI 程式輔助工具的能力而設計。
瀏覽: 26★ 13,087