Agent Skills Hub

react-patterns

实现 React 19 模式：React Compiler、Server Actions、表单与新 hook（如 'use'）。指导在 Actions 与 TanStack Query 之间进行变更处理的决策。

app-builder

全栈应用程序构建编排器，分析自然语言需求以决定技术堆栈、建立项目架构并协调各领域专业代理人。

Parallel Routes Generator

实现 Next.js Parallel Routes 模态窗口以消除页面布局偏移 (layout shifts)。适用于对话框、模态窗口及拦截路由 (intercepted routes)。

review-react-best-practices

为 React 和 Next.js 应用程序执行自动化、基于规则的性能与可靠性审计，涵盖包大小、瀑布式请求、渲染与数据获取等维度。

roier-seo

AI 技术 SEO 审计工具，执行 Lighthouse/PageSpeed 测评并自动修复网站性能、无障碍网页与结构化数据等代码问题。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

music-theory-visual-design

Harmonic Orbit 音乐理论应用程序的视觉设计与 UI 样式指南，涵盖字体、配色系统、间距、动画及无障碍设计标准。

template-nextjs-moderne

为 Claude Code 提供的全方位 Next.js 15 开发与项目管理技能，包含 Supabase 集成、RBAC 权限管理及自动化质量验证。

react-router-data-mode

使用 React Router 的数据模式 (data mode) 开发 React 应用程序，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。

fumadocs-i18n

自动化配置 Fumadocs 的国际化 (i18n)。实现 Next.js 多语言路由、语言切换器、侧边栏过滤及文档目录组织。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

chrome-devtools-mcp

Chrome DevTools MCP 服务器，通过 Puppeteer 实现 AI 驱动的浏览器自动化、测试与调试。支持输入自动化、视觉截图、性能追踪与网络检测。