From deckardger-tanstack-agent-skills
Provides best practices for integrating TanStack Query with TanStack Router and TanStack Start. Covers data flow, SSR hydration, caching coordination, and type-safe patterns.
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-2 --plugin deckardger-tanstack-agent-skillsThis skill uses the workspace's default tool permissions.
Guidelines for integrating TanStack Query, Router, and Start together effectively. These patterns ensure optimal data flow, caching coordination, and type safety across the stack.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Guidelines for integrating TanStack Query, Router, and Start together effectively. These patterns ensure optimal data flow, caching coordination, and type safety across the stack.
| Priority | Category | Rules | Impact |
|---|---|---|---|
| CRITICAL | Setup | 3 rules | Foundational configuration |
| CRITICAL | SSR Integration | 1 rule | Router + Query SSR setup |
| HIGH | Data Flow | 4 rules | Correct data fetching patterns |
| MEDIUM | Caching | 3 rules | Performance optimization |
| MEDIUM | SSR | 2 rules | Additional SSR patterns |
setup-)setup-query-client-context — Pass QueryClient through router contextsetup-provider-wrapping — Correctly wrap with QueryClientProvidersetup-stale-time-coordination — Coordinate staleTime between router and queryflow-)flow-loader-query-pattern — Use loaders with ensureQueryDataflow-suspense-query-component — Use useSuspenseQuery in componentsflow-mutations-invalidation — Coordinate mutations with query invalidationflow-server-functions-queries — Use server functions for query functionscache-)cache-single-source — Let TanStack Query manage cachingcache-preload-coordination — Coordinate preloading between router and querycache-invalidation-patterns — Unified invalidation patternsssr-)ssr-dehydrate-hydrate — Use setupRouterSsrQueryIntegration for automatic SSRssr-)ssr-per-request-client — Create QueryClient per requestssr-streaming-queries — Handle streaming with queriesEach rule file in the rules/ directory contains:
See individual rule files in rules/ directory for detailed guidance and code examples.