Claude Skill

DeckardGer/tanstack-agent-skills

TanStack Agent Skills 为 TanStack Query、Router 和 Start 提供最佳实践定义,帮助 AI 编码代理生成准确、地道的代码。

概览

Stars177
Forks17
语言未知
最后更新2026-04-03
最近同步2026-06-23
前往 GitHub

仓库信息

拥有者DeckardGer
仓库tanstack-agent-skills
完整名称DeckardGer/tanstack-agent-skills
Repo ID1,135,503,994

安装这个 Skill

npx skills add DeckardGer/tanstack-agent-skills

Registry 信息

类型cursor_rule
质量分70/100
验证状态readme_parsed
最近验证2026-06-23
平台
ClaudeCodexCursor
能力
searchterminal
识别文件
README.md

项目简介

一个精选的最佳实践与技能定义集合,涵盖 TanStack Query、Router 和 Start,旨在帮助 AI 编码代理生成更准确、更地道的代码。

英文描述

TanStack Agent Skills: Best practices for TanStack Query, Router, and Start for AI coding agents

要点

  • 为 TanStack Query、Router 和 Start 提供最佳实践技能定义
  • 针对 AI 编码代理优化,生成地道代码
  • 涵盖数据获取、路由和全栈模式
  • 社区驱动并定期更新

使用场景

  • 指导 AI 代理编写正确的 TanStack Query 查询和变更
  • 帮助代理实现 TanStack Router 导航和布局
  • 让代理能够搭建 TanStack Start 全栈应用
  • 标准化代理在 TanStack 项目中的输出

README 摘要

# TanStack Agent Skills Comprehensive best practices for building applications with the TanStack ecosystem. These skills provide AI coding agents with structured guidelines for TanStack Query, TanStack Router, and TanStack Start. Skills follow the [Agent Skills](https://agentskills.io/) format. ## Available Skills ### [tanstack-query](./skills/tanstack-query/) Best practices for data fetching, caching, mutations, and server state management with TanStack Query (React Query). **Use when:** - Fetching or caching server data with `useQuery` or `useMutation` - Setting up React Query for a new project - Reviewing data fetching patterns for performance issues **32+ rules across 8 categories:** - Query Keys (CRITICAL) — Proper key structure and organization - Caching (CRITICAL) — staleTime, gcTime, and invalidation patterns - Mutations (HIGH) — Optimistic updates, error handling - Error Handling (HIGH) — Error boundaries, retry logic - Prefetching (MEDIUM) — Intent-based and route prefetching - Infinite Queries (MEDIUM) — Pagination patterns - SSR Integration (MEDIUM) — Hydration and dehydration - Performance (LOW) — Select transforms, memoization ### [tanstack-router](./skills/tanstack-router/) Best practices for type-safe routing, data loading, search params, and navigation with TanStack Router. **Use when:** - Setting up routing for a React app - Working with search params, loaders, or code splitting - Configuring type-safe navigation **30+ rules across 8 categories:** - Type Safety (CRITICAL) — Router registration, type narrowing - Route Organization (CRITICAL) — File-based routing, route trees - Data Loading (HIGH) — Loaders, Query integration - Search Params (HIGH) — Validation, type inheritance - Navigation (MEDIUM) — Link component, active states - Code Spli

话题

暂无话题

探索更多

数据来自 GitHub,同步时间:2026-06-23