메뉴
Select and load the correct TanStack skill for tku-sparring tasks. Use when users ask about TanStack Router, React Start, Start server functions or middleware, SSR, search params, path params, navigation, loaders, or TanStack Query best practices.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.
Survey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or where to take the project next (roadmap, product direction), or generate handoff plans for another agent to implement.
TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when building full-stack apps with TanStack Start.
Implement, review, debug, and refactor TanStack Start React Server Components in React 19 apps. Use when tasks mention @tanstack/react-start/rsc, renderServerComponent, createCompositeComponent, CompositeComponent, renderToReadableStream, createFromReadableStream, createFromFetch, Composite Components, React Flight streams, loader or query owned RSC caching, router.invalidate, structuralSharing: false, selective SSR, stale names like renderRsc or .validator, or migration from Next App Router RSC patterns. Do not use for generic SSR or non-TanStack RSC frameworks except brief comparison.
React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack/react-router, full project setup with React, useServerFn hook.
Integrating TanStack Router with TanStack Query: queryClient in router context, ensureQueryData/prefetchQuery in loaders, useSuspenseQuery in components, defaultPreloadStaleTime: 0, setupRouterSsrQueryIntegration for SSR dehydration/hydration and streaming, per-request QueryClient isolation.
| name | tanstack |
| description | Select and load the correct TanStack skill for tku-sparring tasks. Use when users ask about TanStack Router, React Start, Start server functions or middleware, SSR, search params, path params, navigation, loaders, or TanStack Query best practices. |
| argument-hint | Describe the TanStack task to route to the right skill |
Route TanStack-related requests to the right specialized skill before implementing code changes.
| Task signal in prompt | Primary skill to load | Optional secondary |
|---|---|---|
| Route tree, createRouter, Link, useNavigate, search params, path params, loader, route guards, router type issues | @tanstack/router-core#router-core or a router-core/* sub-skill | @tanstack/start-client-core#start-core when task includes TanStack Start runtime behavior |
Auth guards with beforeLoad, redirects, protected layout routes | @tanstack/router-core#router-core/auth-and-guards | tanstack-start-best-practices local skill for full-stack auth/session constraints |
| Search params parsing/validation, Zod adapters, URL state | @tanstack/router-core#router-core/search-params | tanstack-query-best-practices local skill when params drive query keys |
| Dynamic route params, splats, optional segments | @tanstack/router-core#router-core/path-params | none |
| Loader behavior, pending states, route-level data loading | @tanstack/router-core#router-core/data-loading | tanstack-query-best-practices local skill when data cache is TanStack Query |
TanStack Start app wiring, Vite plugin order, route shell, getRouter setup | @tanstack/start-client-core#start-core | @tanstack/react-start#react-start |
Server function creation, input validation, useServerFn, server-only logic | @tanstack/start-client-core#start-core/server-functions | tanstack-start-best-practices local skill |
| Request/function middleware, context flow, createMiddleware, method order | @tanstack/start-client-core#start-core/middleware | tanstack-start-best-practices local skill |
Server routes and HTTP handlers (GET, POST, etc.) | @tanstack/start-client-core#start-core/server-routes | tanstack-start-best-practices local skill |
| Execution boundary issues (server/client leakage, env variables, hydration mismatches) | @tanstack/start-client-core#start-core/execution-model | tanstack-start-best-practices local skill |
| Deployment adapters, selective SSR, prerendering | @tanstack/start-client-core#start-core/deployment | tanstack-start-best-practices local skill |
| Query keys, stale time, cache invalidation, optimistic updates, SSR dehydration | tanstack-query-best-practices local skill | @tanstack/router-core#router-core/data-loading when route loaders and query cache interact |
| Full-stack TanStack Start governance (security, auth, SSR, API routes, file separation) | tanstack-start-best-practices local skill | @tanstack/start-client-core#start-core |
Use Bun scripts in this repository.
bun run intent:load @tanstack/router-core#router-core
bun run intent:load @tanstack/start-client-core#start-core
bun run intent:load @tanstack/start-client-core#start-core/server-functions
For local workspace skills (not intent package skills), open directly:
./.agents/skills/tanstack-query-best-practices/SKILL.md./.agents/skills/tanstack-start-best-practices/SKILL.md./.agents/skills/react-start/SKILL.mduse value.If no mapping fits, list current discoverable intent skills and pick the closest match:
bun run intent:ls