lukasa1993
- 241 skills
- 0 followers
- 9 hours ago last updated
- ▌ Tanstack Query Intent Framework Use Framework Adapter Reacti · lukasa1993 bundleUse this when translating Query patterns across React, Preact, Vue, Solid, Svelte, Angular, and Lit adapters: Vue refs/getters, Solid signals, Svelte stores/runes, Angular signals and HttpClient promises, Lit QueryController, adapter option helpers, and provider APIs.
- ▌ Tanstack Query Intent Lifecycle Prefetch And Remove Req 2892 · lukasa1993 bundleUse this when flattening request waterfalls with prefetchQuery, prefetchInfiniteQuery, ensureQueryData, fetchQuery, usePrefetchQuery, usePrefetchInfiniteQuery, route loaders, TanStack Router loaders, Start routes, Suspense prefetching, and query-function prefetching.
- ▌ Tanstack Query Intent Lifecycle Setup Query Client And Provi · lukasa1993 bundleUse this when creating a TanStack Query QueryClient, QueryClientProvider, VueQueryPlugin, provideTanStackQuery, Svelte QueryClientProvider, Angular providers, Lit controllers, or SSR request-local clients. Covers stable client lifetime and provider wiring.
- ▌ Tanstack AI · lukasa1993 bundleProvider-agnostic AI guidance for chat, tools, structured output, persistence, memory, runtime skills, MCP, code mode, and sandbox execution. Use when a project uses TanStack AI or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack DB · lukasa1993 bundleReactive collection guidance for live queries, optimistic mutations, persistence, sync engines, and framework adapters. Use when a project uses TanStack DB or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack CLI · lukasa1993 bundleProject scaffolding and maintenance guidance for app creation, add-ons, ecosystem integration, custom development, and documentation queries. Use when a project uses TanStack CLI or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Form · lukasa1993 bundleType-safe form guidance for fields, validation, composition, submission, SSR, devtools, and framework adapters. Use when a project uses TanStack Form or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Pacer · lukasa1993 bundleExecution-control guidance for debounce, throttle, rate limit, queue, batch, async retry, and framework adapters. Use when a project uses TanStack Pacer or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Query · lukasa1993 bundleServer-state guidance for queries, mutations, caching, optimistic updates, SSR, persistence, testing, and all official adapters. Use when a project uses TanStack Query or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Start · lukasa1993 bundleFull-stack application guidance for TanStack Start, including server functions, middleware, deployment, and framework adapters. Use when a project uses TanStack Start or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Store · lukasa1993 bundleReactive store guidance for state, atoms, selectors, batching, async state, and framework adapters. Use when a project uses TanStack Store or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Table · lukasa1993 bundleHeadless table and data-grid guidance with shared Table Core features and framework-specific adapters. Use when a project uses TanStack Table or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack AI MCP · lukasa1993 bundleHost-side Model Context Protocol (MCP) client for TanStack AI: connect to external MCP servers, discover and run their tools inside any adapter's chat() loop, read resources and prompts, generate TypeScript types (typed tool names/pool keys) with the bundled CLI, and manage lifecycle with close()/await using.
- ▌ Tanstack Charts · lukasa1993 bundleTyped chart grammar guidance for marks, scales, layouts, interaction, accessibility, rendering, and framework adapters. Use when a project uses TanStack Charts or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Config · lukasa1993 bundleLibrary-maintenance guidance for package structure, dependencies, ESLint, Vite, publishing, and CI/CD. Use when a project uses TanStack Config or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Intent · lukasa1993 bundleGuidance for discovering, installing, generating, validating, and maintaining package-owned Agent Skills. Use when a project uses TanStack Intent or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Router · lukasa1993 bundleType-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters. Use when a project uses TanStack Router or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Vue DB · lukasa1993 bundleVue 3 bindings for TanStack DB. useLiveQuery composable with MaybeRefOrGetter query functions, ComputedRef return values for all fields (data, state, collection, status, isLoading, isReady, isError). Dependency arrays with Vue refs. Conditional queries via returning undefined/null. Pre-created collection support via ref or getter. Import from @tanstack/vue-db (re-exports all of @tanstack/db).
- ▌ Tanstack AI Core · lukasa1993 bundleEntry point for TanStack AI skills. Routes to chat-experience, tool-calling, media-generation, structured-outputs, adapter-configuration, ag-ui-protocol, middleware, locks, custom-backend-integration, and debug-logging, plus the skills shipped by companion packages (@tanstack/ai-persistence, @tanstack/ai-code-mode). Use chat() not streamText(), openaiText() not createOpenAI(), toServerSentEventsResponse() not manual SSE, middleware hooks not onEnd callbacks.
- ▌ Tanstack DB Core · lukasa1993 bundleTanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailBaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.
- ▌ Tanstack Hotkeys · lukasa1993 bundleType-safe keyboard shortcut guidance for registration, sequences, scopes, recording, key state, display, and adapters. Use when a project uses TanStack Hotkeys or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Virtual · lukasa1993 bundleVirtualization guidance for large lists, grids, dynamic measurement, reverse feeds, and framework adapters. Use when a project uses TanStack Virtual or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Devtools · lukasa1993 bundleDevtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds. Use when a project uses TanStack Devtools or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Markdown · lukasa1993 bundleMarkdown parsing, extensions, rendering, production pipeline, and framework-adapter guidance. Use when a project uses TanStack Markdown or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack React DB · lukasa1993 bundleReact bindings for TanStack DB. Prefer useLiveQuery({ query }) with derived structured query identity. Provide queryKey only for opaque functional query variants or very hot render paths. Dependency arrays are legacy and warn before 1.0 removal. useLiveSuspenseQuery for React Suspense with Error Boundaries (data always defined). useLiveInfiniteQuery for cursor-based pagination (pageSize, fetchNextPage, hasNextPage, isFetchingNextPage). usePacedMutations for debounced React state updates. Return shape: data, state, collection, status, isLoading, isReady, isError. Import from @tanstack/react-db (re-exports all of @tanstack/db).
- ▌ Tanstack Solid DB · lukasa1993 bundleSolidJS bindings for TanStack DB. useLiveQuery returns an Accessor that doubles as data access (call as function) with state/status properties. Fine-grained reactivity: signal reads MUST happen inside the query function for tracking. Config passed as Accessor (() returns config). Built-in Suspense support via createResource and errors through Solid ErrorBoundary. ReactiveMap for state. Import from @tanstack/solid-db (re-exports all of @tanstack/db).
- ▌ Tanstack AI Memory · lukasa1993 bundleUse when wiring memoryMiddleware from @tanstack/ai-memory into a chat() call — covers the recall/save adapter contract, scope shape and server-side scope security, the recall-inject / deferred-save lifecycle, choosing an adapter (inMemory, redis, hindsight, mem0, honcho), and devtools events.
- ▌ Tanstack AI Skills · lukasa1993 bundlePortable Agent Skills (SKILL.md) for TanStack AI with @tanstack/ai-skills. Renders a skill catalog and a load_skill tool via the withSkills middleware so any tool-calling model loads skills on demand, on any provider. Covers the SkillSource interface, inlineSkill/skillDirectory/staticSkills, the aggregate/ dedupe/filter/cache combinators, read_skill_resource, and the conformance suite. Use for provider-agnostic runtime skills — NOT hosted provider skills (codeExecutionTool/shellTool), which run in a provider sandbox.
- ▌ Tanstack Highlight · lukasa1993 bundleSyntax-highlighting guidance for language support, selective loading, Markdown pipelines, themes, and annotations. Use when a project uses TanStack Highlight or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.
- ▌ Tanstack Svelte DB · lukasa1993 bundleSvelte 5 bindings for TanStack DB. useLiveQuery with Svelte 5 runes ($state, $derived, $effect). Dependency arrays use getter functions (() returns value) for reactive props. Direct destructuring breaks reactivity — use dot notation or wrap with $derived. Conditional queries via returning undefined/null. Import from @tanstack/svelte-db (re-exports all of @tanstack/db).
- ▌ Tanstack Vue Start · lukasa1993 bundleVue bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Vue-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Vue.
- ▌ Tanstack AI Sandbox · lukasa1993 bundleRun harness adapters (Claude Code, Codex, OpenCode) INSIDE isolated sandboxes via defineSandbox + withSandbox + a provider (localProcessSandbox / dockerSandbox). Covers declarative provisioning: createSecrets + secret/bearer, skills (agentSkill/gitSkill/mcpSkill/ fileSkill), plugins, instructions returns canonical AGENTS.md + symlinks projected per harness; shallow-clone default with depth opt-out; serial/parallel setup callback over a persistent shell; snapshot-after-setup default with snapshotMaxAge TTL. It also covers portable snapshots after a successful terminal run with withPersistence before withSandbox and memorySandboxSnapshots for local examples. It covers named saves with snapshots.save, selected-checkpoint forks with snapshots.fork, and authorized artifact reads with snapshots.readArtifact. See docs/sandbox/portable-snapshots.md. It covers defineWorkspace (git/setup/scripts/skills/secrets/ instructions/plugins) ... Use whenever a harness adapter needs a sandbox or when building sandbox providers.
- ▌ Tanstack Angular DB · lukasa1993 bundleAngular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signalless thanTgreater than) for all return values. Reactive params pattern ({ params: () returns T, query: ({ params, q }) returns QueryBuilder }) for dynamic queries. Must be called in injection context. Angular 17+ control flow (@if, @for) and signal inputs supported. Import from @tanstack/angular-db (re-exports all of @tanstack/db).
- ▌ Tanstack Table Core · lukasa1993 bundleUse TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.
- ▌ Tanstack Vue Router · lukasa1993 bundleVue bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent, Html, Body. Vue-specific patterns with Refless thanTgreater than returns, defineComponent, h() render functions, provide/inject, and computed refs.
- ▌ Tanstack React Start · lukasa1993 bundleReact bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack/react-router, full project setup with React, useServerFn hook.
- ▌ Tanstack Router Core · lukasa1993 bundleFramework-agnostic core concepts for TanStack Router: route trees, createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren, Register type declaration, route matching, route sorting, file naming conventions. Entry point for all router skills.
- ▌ Tanstack Solid Start · lukasa1993 bundleSolid bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Solid-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Solid.
- ▌ Tanstack AI Code Mode · lukasa1993 bundleLLM-generated TypeScript execution in sandboxed environments: createCodeModeTool() with isolate drivers (createNodeIsolateDriver, createQuickJSIsolateDriver, createQuickJSBunIsolateDriver, createCloudflareIsolateDriver), codeModeWithSnippets() for persistent snippet libraries, trust strategies, snippet storage (FileSystem, LocalStorage, InMemory, Mongo), client-side execution progress via code_mode:* custom events in useChat.
- ▌ Tanstack Solid Router · lukasa1993 bundleSolid bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent. Solid-specific patterns with Accessorless thanTgreater than returns, createSignal/createMemo/createEffect, Show/Switch/Match/Dynamic, and @solidjs/meta for head management.
- ▌ Tanstack AI Core Locks · lukasa1993 bundleLockStore, InMemoryLockStore, LocksCapability and withLocks for multi-instance coordination in TanStack AI. Ships in @tanstack/ai — NOT in @tanstack/ai-persistence. Separate from AIPersistence state stores — not a stores key, not composable. InMemoryLockStore vs a distributed (e.g. Cloudflare Durable Object) lock, lease recovery, AbortSignal in critical sections. Use when sandbox or other middleware needs cross-worker mutual exclusion — NOT for storing messages/runs (use withPersistence).
- ▌ Tanstack Router Plugin · lukasa1993 bundleTanStack Router bundler plugin for route generation and automatic code splitting. Supports Vite, Webpack, Rspack, and esbuild. Configures autoCodeSplitting, routesDirectory, target framework, and code split groupings.
- ▌ Tanstack AI Memory Mem0 · lukasa1993 bundleUse when wiring mem0() from @tanstack/ai-memory/mem0 — a hosted memory adapter that talks to a mem0 server over plain HTTP (no SDK peer). Requires a running mem0 server.
- ▌ Tanstack AI Persistence · lukasa1993 bundleDurability and state persistence for TanStack AI chats with @tanstack/ai-persistence. Routes to server chat persistence (withPersistence), client persistence (localStorage/IndexedDB), the store contracts, and adapter recipes. Distinguishes delivery durability (resumable streams) from conversation state. Use when conversations must survive reloads, multi-device, approvals, or server restarts — NOT for stream reconnect alone.
- ▌ Tanstack Table Devtools · lukasa1993 bundleRegister TanStack Table targets and inspect options, state, features, columns, rows, and row models with @tanstack/table-devtools. Load for missing connections, required unique table options.key, target replacement/cleanup, or an explicit request for production Devtools entrypoints.
- ▌ Tanstack AI Memory Redis · lukasa1993 bundleUse when wiring redis() from @tanstack/ai-memory/redis in production — covers client setup (ioredis or node-redis via fromNodeRedis), the storage model, client-side ranking limits, and troubleshooting.
- ▌ Tanstack Router Core Ssr · lukasa1993 bundleNon-streaming and streaming SSR, RouterClient/RouterServer, renderRouterToString/renderRouterToStream, createRequestHandler, defaultRenderHandler/defaultStreamHandler, HeadContent/Scripts components, head route option (meta/links/styles/scripts), ScriptOnce, automatic loader dehydration/hydration, memory history on server, data serialization, document head management.
- ▌ Tanstack AI Memory Honcho · lukasa1993 bundleUse when wiring honcho() from @tanstack/ai-memory/honcho — a hosted memory adapter where recall is a dialectic answer over the user's representation (no discrete fragments). Requires the optional @honcho-ai/sdk peer.
- ▌ Tanstack DB Meta Framework · lukasa1993 bundleIntegrating TanStack DB with meta-frameworks (TanStack Start, Next.js, Remix, Nuxt, SvelteKit). Client-side only: SSR is NOT supported — routes must disable SSR. Preloading eager collections in route loaders with collection.preload(). On-demand Query Collections require preloading the live query because source collection preload is a no-op. Multiple collection preloading with Promise.all. Framework-specific loader APIs.
- ▌ Tanstack Start Server Core · lukasa1993 bundleServer-side runtime for TanStack Start: createStartHandler, request/response utilities (getRequest, setResponseHeader, setCookie, getCookie, useSession), three-phase request handling, AsyncLocalStorage context.
- ▌ Tanstack AI Core Middleware · lukasa1993 bundleChat lifecycle middleware hooks: onConfig, onStart, onChunk, onBeforeToolCall, onAfterToolCall, onUsage, onFinish, onAbort, onError. Use for analytics, event firing, tool caching (toolCacheMiddleware), logging, and tracing. Middleware array in chat() config, left-to-right execution order. NOT onEnd/onFinish callbacks on chat() — use middleware.
- ▌ Tanstack Devtools App Setup · lukasa1993 bundleInstall TanStack Devtools, pick framework adapter (React/Vue/Solid/Preact), register plugins via plugins prop, configure shell (position, hotkeys, theme, hideUntilHover, requireUrlFlag, eventBusConfig). TanStackDevtools component, defaultOpen, localStorage persistence.
- ▌ Tanstack Table Core Sorting · lukasa1993 bundleSort with rowSortingFeature, sortedRowModel, sortFns, multi-sort and removal options, sortUndefined, and manualSorting. Load for comparator direction, incoming server order, or product-specific sorting cycles.
- ▌ Tanstack Vue Table Devtools · lukasa1993 bundleConnect Vue Table v9 refs or instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for missing targets, reactive table replacement, required options.key, enabled state, cleanup, or development gating.
- ▌ Tanstack AI Memory Hindsight · lukasa1993 bundleUse when wiring hindsight() from @tanstack/ai-memory/hindsight — a hosted memory adapter that buckets memory per conversation and exposes retain/recall/reflect tools to the model. Requires the optional @vectorize-io/hindsight-client peer.
- ▌ Tanstack AI Memory In Memory · lukasa1993 bundleUse when wiring inMemory() from @tanstack/ai-memory/in-memory — explains setup, options (embedder, extract, topK/minScore), when to pick it (dev/tests/single-process demos), and what NOT to use it for (multi-process or persistent).
- ▌ Tanstack DB Core Persistence · lukasa1993 bundleSQLite-backed persistence for TanStack DB collections. persistedCollectionOptions wraps any adapter (Electric, Query, PowerSync, or local-only) with durable local storage. Platform adapters: browser (WA-SQLite OPFS), React Native (op-sqlite), Expo (expo-sqlite), Electron (IPC), Node (better-sqlite3), Capacitor, Tauri, Cloudflare Durable Objects. Multi-tab/multi-process coordination via BrowserCollectionCoordinator / ElectronCollectionCoordinator / SingleProcessCoordinator. schemaVersion for migration resets. Local-only mode for offline-first without a server. Applied transaction log pruning and safe full-reload recovery.
- ▌ Tanstack Devtools Production · lukasa1993 bundleHandle devtools in production vs development. removeDevtoolsOnBuild, devDependency vs regular dependency, conditional imports, NoOp plugin variants for tree-shaking, non-Vite production exclusion patterns.
- ▌ Tanstack Table Core Grouping · lukasa1993 bundleGroup rows with columnGroupingFeature, groupedRowModel, groupedColumnMode, and manualGrouping. Load for grouped or placeholder cells and grouping interactions with expansion or pagination.
- ▌ Tanstack Virtual File Routes · lukasa1993 bundleProgrammatic route tree building as an alternative to filesystem conventions: rootRoute, index, route, layout, physical, defineVirtualSubtreeConfig. Use with TanStack Router plugin's virtualRouteConfig option.
- ▌ Tanstack AI Core Tool Calling · lukasa1993 bundleIsomorphic tool system: toolDefinition() with Zod schemas, .server() and .client() implementations, passing tools to both chat() on server and useChat/clientTools on client, tool approval flows with needsApproval and bound interrupts (resolveInterrupt), generic middleware interrupts with defineInterrupt(), lazy tool discovery with lazy:true, rendering ToolCallPart and ToolResultPart in UI.
- ▌ Tanstack DB Core Live Queries · lukasa1993 bundleQuery builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not. Aggregates: count, sum, avg, min, max. String functions: upper, lower, length, concat. Utility: coalesce, caseWhen. Math: add, subtract, multiply, divide. $selected namespace. createLiveQueryCollection. Derived collections. Predicate push-down. Incremental view maintenance via differential dataflow (d2ts). Virtual properties ($synced, $origin, $key, $collectionId). Includes subqueries for hierarchical data. Collection, toArray, materialize, and concat(toArray(...)) include modes. queryOnce for one-shot queries. createEffect for reactive side effects (onEnter, onUpdate, onExit, onBatch).
- ▌ Tanstack Devtools Marketplace · lukasa1993 bundlePublish plugin to npm and submit to TanStack Devtools Marketplace. PluginMetadata registry format, plugin-registry.ts, pluginImport (importName, type), requires (packageName, minVersion), framework tagging, multi-framework submissions, featured plugins.
- ▌ Tanstack Devtools Vite Plugin · lukasa1993 bundleConfigure @tanstack/devtools-vite for source inspection (data-tsd-source, inspectHotkey, ignore patterns), console piping (client-to-server, server-to-client, levels), enhanced logging, server event bus (port, host, HTTPS), production stripping (removeDevtoolsOnBuild), editor integration (launch-editor, custom editor.open). Must be FIRST plugin in Vite config. Vite ^6 || ^7 only.
- ▌ Tanstack React Table Devtools · lukasa1993 bundleConnect React Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for missing Table panels, registration lifecycle, required options.key, enabled state, or development versus explicit production exports.
- ▌ Tanstack Solid Table Devtools · lukasa1993 bundleConnect Solid Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools in the proper reactive owner. Load for missing targets, required options.key, enabled state, cleanup, or development versus explicit production exports.
- ▌ Tanstack Table Core Expanding · lukasa1993 bundleExpand hierarchical subrows or custom detail panels with rowExpandingFeature, expandedRowModel, getSubRows, getRowCanExpand, manualExpanding, and paginateExpandedRows. Load when expansion state changes but no UI appears.
- ▌ Tanstack AI Core Debug Logging · lukasa1993 bundlePluggable, category-toggleable debug logging for TanStack AI activities. Toggle with `debug: true | false | DebugConfig` on chat(), summarize(), generateImage(), generateSpeech(), generateTranscription(), generateVideo(). Categories: request, provider, output, middleware, tools, agentLoop, config, errors. Pipe into pino/winston/etc via `debug: { logger }`. Errors log by default even when `debug` is omitted; silence with `debug: false`.
- ▌ Tanstack AI Persistence Server · lukasa1993 bundleServer chat state with withPersistence from @tanstack/ai-persistence. Authoritative transcript, run lifecycle, durable interrupts/approvals, chatParamsFromRequest, reconstructChat, snapshotStreaming. Use when the server owns history, multi-device, or durable tool approvals. NOT client localStorage (see ai-core/client-persistence in @tanstack/ai) and NOT stream reconnect alone.
- ▌ Tanstack AI Persistence Stores · lukasa1993 bundleImplement the MessageStore, RunStore, InterruptStore, MetadataStore contracts for @tanstack/ai-persistence against any database. defineAIPersistence, composePersistence overrides, critical invariants (full-replace saveThread, insert-if-absent createOrResume and interrupt create), authorize thread access, runPersistenceConformance testkit. Use whenever you need server persistence — the package ships contracts, not a backend for your database.
- ▌ Tanstack Charts Design A Chart · lukasa1993 bundleChoose an honest visualization from a user story, metric, comparison, projection, target, or explanatory goal before selecting TanStack Charts marks. Load whenever a user asks to graph, chart, visualize, compare, forecast, project, explain, or communicate data.
- ▌ Tanstack DB Skills Tanstack DB · lukasa1993 bundleTanStack DB patterns for reactive client-side data with live queries and optimistic mutations. Use for collections, queries, mutations, schemas, and sync engine integration.
- ▌ Tanstack Devtools Event Client · lukasa1993 bundleCreate typed EventClient for a library. Define event maps with typed payloads, pluginId auto-prepend namespacing, emit()/on()/onAll()/onAllPluginEvents() API. Connection lifecycle (5 retries, 300ms), event queuing, enabled/disabled state, SSR fallbacks, singleton pattern. Unique pluginId requirement to avoid event collisions.
- ▌ Tanstack Devtools Plugin Panel · lukasa1993 bundleBuild devtools panel components that display emitted event data. Listen via EventClient.on(), handle theme (light/dark), use @tanstack/devtools-ui components. Plugin registration (name, render, id, defaultOpen), lifecycle (mount, activate, destroy), max 3 active plugins. Two paths: Solid.js core with devtools-ui for multi-framework support, or framework-specific panels.
- ▌ Tanstack Lit Table Table State · lukasa1993 bundleUse TableController-selected table.state, table.atoms/store, stable table.subscribe selectors, controlled reactive properties plus on*Change, and external TanStack Store atoms. Load when Lit state appears stale, host updates are too broad, or table state must be shared outside the element.
- ▌ Tanstack Preact Table Devtools · lukasa1993 bundleConnect native Preact Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for React-package mixups, missing targets, required options.key, enabled state, cleanup, or development gating.
- ▌ Tanstack Table Core Pagination · lukasa1993 bundlePaginate with rowPaginationFeature and paginatedRowModel or manualPagination. Load for pageIndex/pageSize state, rowCount/pageCount, unknown next-page limits, already-paginated server data, or autoResetPageIndex surprises.
- ▌ Tanstack Table Core Typescript · lukasa1993 bundlePreserve TanStack Table v9 inference with createColumnHelper, columns(), tableOptions, tableFeatures, and metaHelper. Load for ColumnDef errors, reusable tables, typed meta, named registries, or unnecessary manual feature generics.
- ▌ Tanstack Vue Table Table State · lukasa1993 bundleRead Vue-backed table.atoms/store in templates, computed, watch, or table.Subscribe; own slices with refs/computed or external Vue Store atoms; and apply updater callbacks while preserving reactive option shapes.
- ▌ Tanstack AI Core Ag UI Protocol · lukasa1993 bundleServer-side AG-UI streaming protocol implementation: StreamChunk event types (RUN_STARTED, TEXT_MESSAGE_START/CONTENT/END, TOOL_CALL_START/ARGS/END, RUN_FINISHED, RUN_ERROR, STEP_STARTED/STEP_FINISHED, STATE_SNAPSHOT/DELTA, CUSTOM), toServerSentEventsStream() for SSE format, toHttpStream() for NDJSON format. For backends serving AG-UI events without client packages.
- ▌ Tanstack Angular Table Devtools · lukasa1993 bundleRegister Angular Table v9 instances with injectTanStackTableDevtools inside injection context. Load for reactive table registration, required options.key, enabled or undefined tables, cleanup, Angular isDevMode gating, or explicit production exports.
- ▌ Tanstack DB Core Custom Adapter · lukasa1993 bundleBuilding custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit, markReady, markError, truncate, metadata primitives and returning cleanup, loadSubset, and optional unloadSubset handlers. ChangeMessage format (insert, update, delete). On-demand LoadSubsetOptions (where, orderBy, limit, offset, cursor). Expression parsing: parseWhereExpression, parseOrderByExpression, extractSimpleComparisons, parseLoadSubsetOptions. Collection options creator pattern. rowUpdateMode (partial vs full). Subscription lifecycle and cleanup functions. Persisted sync metadata API (metadata.row and metadata.collection) for storing per-row and per-collection adapter state.
- ▌ Tanstack Markdown Docs Features · lukasa1993 bundleBuild documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components, heading/file/package- manager/bundler tabs, framework panels, and code-fence metadata. Load when authoring or consuming TanStack-style docs syntax and custom-element data contracts.
- ▌ Tanstack Router Core Navigation · lukasa1993 bundleLink component, useNavigate, Navigate component, router.navigate, ToOptions/NavigateOptions/LinkOptions, from/to relative navigation, activeOptions/activeProps, preloading (intent/viewport/render), preloadDelay, navigation blocking (useBlocker, Block), createLink, linkOptions helper, scroll restoration, MatchRoute.
- ▌ Tanstack Table Core Aggregation · lukasa1993 bundleAggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.
- ▌ Tanstack Table Core Row Pinning · lukasa1993 bundlePin stable row IDs into top, center, and bottom collections with rowPinningFeature and keepPinnedRows. Load for filtering/pagination visibility, explicit region rendering, or renderer-owned sticky CSS.
- ▌ Tanstack AI Core Chat Experience · lukasa1993 bundleEnd-to-end chat implementation: server endpoint with chat() and toServerSentEventsResponse(), client-side useChat hook with fetchServerSentEvents(), message rendering with UIMessage parts, multimodal content, thinking/reasoning display. Covers streaming states, connection adapters, and message format conversions. NOT Vercel AI SDK — uses chat() not streamText().
- ▌ Tanstack CLI Create App Scaffold · lukasa1993 bundleScaffold a TanStack app with tanstack create using --framework, --template, --toolchain, --deployment, --add-ons, --blank, and --router-only. Covers flag compatibility, non-interactive defaults, and intent-preserving command construction.
- ▌ Tanstack Ember Table Table State · lukasa1993 bundleRead, track, initialize, control, and reset TanStack Ember Table v9 state through Glimmer-reactive table APIs, baseAtoms, atoms, store, Ember createAtom, or @tracked state plus on*Change. Load for ownership precedence, updater callbacks, stale template state, options-thunk reactivity, or incorrect table.Subscribe/store.subscribe usage.
- ▌ Tanstack React Table Table State · lukasa1993 bundleRead, select, subscribe to, and control React Table V9 state with useTable selectors, table.state, table.Subscribe, table.atoms, table.store, and external TanStack Store atoms. Load for controlled state, render performance, or React Compiler builder-method subscription problems.
- ▌ Tanstack Router Core Path Params · lukasa1993 bundleDynamic path segments ($paramName), splat routes ($ / _splat), optional params ({-$paramName}), prefix/suffix patterns ({$param}.ext), useParams, params.parse/stringify, pathParamsAllowedCharacters, i18n locale patterns.
- ▌ Tanstack Router Core Type Safety · lukasa1993 bundleFull type inference philosophy (never cast, never annotate inferred values), Register module declaration, from narrowing on hooks and Link, strict:false for shared components, getRouteApi for code-split typed access, addChildren with object syntax for TS perf, LinkProps and ValidateLinkOptions type utilities, as const satisfies pattern.
- ▌ Tanstack Solid Table Table State · lukasa1993 bundleRead Solid-backed table atoms inside JSX, createMemo, createEffect, or table.Subscribe; own slices with Solid signals or external TanStack Store atoms; and apply value-or-updater callbacks correctly. Load for Solid tracking and controlled-state bugs.
- ▌ Tanstack AI Core Media Generation · lukasa1993 bundleImage, audio, video, speech (TTS), and transcription generation using activity-specific adapters: generateImage() with openaiImage/geminiImage/byteplusImage, generateAudio() with geminiAudio/falAudio, generateVideo() with async polling (openaiVideo/geminiVideo/grokVideo/falVideo/byteplusVideo/openRouterVideo, per-model typed durations), generateSpeech() with openaiSpeech/byteplusSpeech, generateTranscription() with openaiTranscription/byteplusTranscription. React hooks: useGenerateImage, useGenerateAudio, useGenerateSpeech, useTranscription, useGenerateVideo. TanStack Start server function integration with toServerSentEventsResponse.
- ▌ Tanstack Alpine Table Table State · lukasa1993 bundleRead automatically reactive Alpine table APIs in bindings and own slices with Alpine.reactive getters plus on*Change or external TanStack Store atoms. Load for controlled state, updater callbacks, selector gating, atom precedence, or code incorrectly adding table.Subscribe.
- ▌ Tanstack DB Core Collection Setup · lukasa1993 bundleCreating typed collections with createCollection. Adapter selection: queryCollectionOptions (REST/TanStack Query), electricCollectionOptions (ElectricSQL real-time sync), powerSyncCollectionOptions (PowerSync SQLite), rxdbCollectionOptions (RxDB), trailBaseCollectionOptions (TrailBase), localOnlyCollectionOptions, localStorageCollectionOptions. CollectionConfig options: getKey, schema, sync, gcTime, autoIndex (default off), defaultIndexType, syncMode (eager/on-demand, plus progressive for Electric). StandardSchema validation with Zod/Valibot/ArkType. Collection lifecycle (idle/loading/ready/error). Adapter-specific sync patterns including Electric txid tracking, Query direct writes, Query initial data and scoped factories, and PowerSync query-driven sync with onLoad/onLoadSubset hooks.
- ▌ Tanstack Markdown React Rendering · lukasa1993 bundleRender Markdown source or a MarkdownDocument with @tanstack/markdown/react using Markdown, renderMarkdownReact, component replacements, and React static SSR. Load for React article components, emitted-tag mappings, pre-parsed documents, custom elements, or renderer parity.
- ▌ Tanstack Markdown Render Markdown · lukasa1993 bundleParse Markdown with parseMarkdown or parseInline, render HTML with renderHtml, renderDocument, renderBlock, or renderInline, configure frontmatter and heading IDs, and reuse the serializable MarkdownDocument AST. Load for @tanstack/markdown core syntax, parser options, HTML output, references, footnotes, lists, tables, or AST work.
- ▌ Tanstack Octane Table Table State · lukasa1993 bundleRead and own Octane Table v9 state with useTable selectors, table.state, table.Subscribe, controlled slices, and @tanstack/octane-store atoms. Load for state ownership, render timing, snapshot-versus-subscription bugs, or fine-grained rendering.
- ▌ Tanstack Preact Table Table State · lukasa1993 bundleRead and own Preact Table v9 state with useTable selectors, selected table.state, table.Subscribe, table.atoms/store, controlled slices, and external Preact Store atoms. Load for snapshot-versus-subscription bugs or state render tuning.