Agent Skills Hub

tanstack-query

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

router-query-integration

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

tanstack-integration-best-practices

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

react-state-management

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

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

api-integration

使用 Apidog 与 MCP 服务器自动化前端 API 整合。从 OpenAPI 规格生成 TypeScript 类型、TanStack Query 钩子与基于 axios 的客户端，确保 API 使用的一致性与类型安全。

dynamic

专为 bkend.ai BaaS 设计的全栈开发代理。自动化项目初始化、身份验证、数据库配置及 Next.js 应用程序 API 集成。

api-spec-analyzer

分析 OpenAPI 规范以生成 TypeScript 接口、API 服务模式及实现指南，协助前端开发人员进行后端集成。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。

nextjs-app-router

Next.js 13+ App Router 开发专家，支持 Server Components、嵌套布局、Suspense 流式渲染以及进阶数据获取模式的应用开发。

react-native-state

精通 React Native 状态管理，涵盖 Redux Toolkit、Zustand、TanStack Query 及 AsyncStorage 数据持久化。

react-patterns

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