Agent Skills Hub

tanstack-integration-best-practices

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

react-typescript

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

dynamic

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

tanstack-query

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

api-integration

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

tanstack-router

TanStack Router 配置、基于文件的路由以及 React 应用的类型安全导航。

api-spec-analyzer

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

tools

统一的 LLM 函数调用与工具使用 API，支持 OpenAI、Anthropic、Google 与 Ollama，提供标准化的 JSON Schema 定义与执行流程。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

react-patterns

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

router-query-integration

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

react-native-state

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