工程開發
javascript-typescript
專為現代 Web 應用程式設計的進階 TypeScript 與 React 開發助手。精通元件架構、狀態管理、Vitest 單元測試、Playwright 端對端自動化以及高效的 TypeScript 配置。
瀏覽: 8
Agent Skills Hub
探索可重用的代理技能，查看實作細節，快速找到適合你工作流程的技能。
共找到 120 個技能
工程開發生產力
visual-design-foundations
建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。
瀏覽: 8★ 34,502
工程開發內容創作
ui
產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。
瀏覽: 24★ 633
工程開發自動化
development
全面的 Linux 開發環境管理，涵蓋編譯器、建置工具、IDE 與除錯工作流程。
瀏覽: 8★ 2
工程開發
react
LobeHub React 組件開發指南，包含 antd-style 樣式、@lobehub/ui 佈局與路由管理。
瀏覽: 76★ 75,822
工程開發生產力
shadcn-ui
實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。
瀏覽: 31★ 255
工程開發生產力自動化
aesthetic
運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。
瀏覽: 10★ 1
生產力工程開發
chatkit-frontend
使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。
瀏覽: 10
工程開發
tailwind-config
管理 monorepo 中的 Tailwind CSS 設定、自訂設計標記、主題與設計系統工具。
瀏覽: 7★ 20
工程開發生產力
create-frontend-controller
自動化建立 Magento 2 前端控制器動作，包含路由、依賴注入與標準回應介面，完全遵循 Adobe 開發最佳實踐。
瀏覽: 5★ 13
工程開發生產力
figma
利用 Figma MCP 伺服器獲取設計數據、提取資源，並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。
瀏覽: 15★ 2,245
工程開發
frontend-accessibility-best-practices
React 應用程式的無障礙最佳實踐與模式，確保符合 WCAG 標準，優化語意結構並提供包容性的使用者體驗。
瀏覽: 1★ 83