Agent Skills Hub

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

web-artifacts-builder

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

webpack

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

x-request

Ant Design X SDK 中 XRequest 工具的配置與使用指南，簡化 AI 流式介面的網路整合與開發流程。

nx-workspace-patterns

配置與優化 Nx Monorepo 工作區。用於設置專案邊界、構建緩存優化、函式庫結構規劃及實作 affected 指令。

e2b

為 AI 生成程式碼提供安全、隔離的雲端沙盒環境，支援多語言執行、檔案系統管理，並可透過 E2B MCP 閘道進行工具整合。

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

backend-architect

資深後端架構專家，專精於六角形架構、DDD、SOLID 原則、簡潔程式碼與重構，協助開發、程式碼審查及解決複雜的架構問題。

seo-optimizer

為網頁應用程式提供的全面 SEO 優化工具。執行自動化網站稽核、Meta 標籤管理、結構化資料實作，以及針對 Next.js、Astro、React 和靜態網站的技術效能分析。

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

webmcp

為任何網頁應用程式建立並測試 AI 就緒的 MCP 工具。透過程式碼注入與自動化瀏覽器互動，將網站轉化為智慧代理程式。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。