Agent Skills Hub

tanstack-integration-best-practices

TanStack Query、Router 与 Start 的集成模式与最佳实践。确保全端数据流的类型安全、高效的 SSR 与统一的缓存机制。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 代码，包含辅助功能、响应式布局及完善的状态处理。

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。

summon

Summon 框架专家：协助 Kotlin Multiplatform UI 开发，提供类型安全的修饰符、状态管理、路由与 SSR，适用于网页与 JVM 应用程序。

react-router-data-mode

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

create-mcp-app

为 Claude Desktop 等 MCP 主机建立互动式应用程式。提供 React、原生 JS 及多种框架模板，协助您开发整合 MCP 工具与自定义 UI 的应用程式。

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

vercel-react-native-skills

React Native 和 Expo 性能优化最佳实践。涵盖列表虚拟化、Reanimated 动画、UI 模式以及原生平台 API 优化。

docs-voice

强制执行 React 文档编写的专业语气、风格与技术准则，确保 Learn、Reference 与 Blog 页面内容的一致性。

tanstack-query

TanStack Query v5 专业状态管理模式，涵盖查询键工厂、数据变更、缓存策略及 SSR 配置，适用于各类服务器状态管理任务。

tooling-setup

为 React 19 项目提供的生产级开发环境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供严格的类型检查、代码规范、格式化与测试基础设施。

router-query-integration

整合 TanStack Router 与 TanStack Query 以提升单页应用 (SPA) 效能，实现路由预加载、查询预获取与流畅的导航体验。