# Tanstack Virtual

> Virtualization 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.

- Skill: `lukasa1993/tanstack-virtual` (Agent Skill, multi-file: 76 files)
- Install (CLI): `npx skillmds@latest add lukasa1993/tanstack-virtual`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lukasa1993/tanstack-virtual/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- License: MIT
- Author: lukasa1993 (https://skillmd.com/u/lukasa1993)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lukasa1993/tanstack-virtual

---

<!-- Generated by scripts/build-groups.mjs. Do not edit directly. -->

# TanStack Virtual

Virtualization guidance for large lists, grids, dynamic measurement, reverse feeds, and framework adapters.

## Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the foundation reference and the adapter reference for the detected framework.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. Preserve headless/core behavior when translating examples to a framework adapter.

## Task routing

- [Foundations](references/foundations.md) — Introduction, installation, and Virtualizer APIs.
- [Measurement and reverse feeds](references/measurement-feeds.md) — Measurement and chat/reverse-feed virtualization.
- [React adapter](references/framework-react.md) — React-specific setup and behavior.
- [Solid adapter](references/framework-solid.md) — Solid-specific setup and behavior.
- [Vue adapter](references/framework-vue.md) — Vue-specific setup and behavior.
- [Svelte adapter](references/framework-svelte.md) — Svelte-specific setup and behavior.
- [Lit adapter](references/framework-lit.md) — Lit-specific setup and behavior.
- [Angular adapter](references/framework-angular.md) — Angular-specific setup and behavior.
- [Marko adapter](references/framework-marko.md) — Marko-specific setup and behavior.

## Framework routing

- **React** — detect `@tanstack/react-virtual`. Read [React adapter](references/framework-react.md).
- **Solid** — detect `@tanstack/solid-virtual`. Read [Solid adapter](references/framework-solid.md).
- **Vue** — detect `@tanstack/vue-virtual`. Read [Vue adapter](references/framework-vue.md).
- **Svelte** — detect `@tanstack/svelte-virtual`. Read [Svelte adapter](references/framework-svelte.md).
- **Lit** — detect `@tanstack/lit-virtual`. Read [Lit adapter](references/framework-lit.md).
- **Angular** — detect `@tanstack/angular-virtual`. Read [Angular adapter](references/framework-angular.md).
- **Marko** — detect `@tanstack/marko-virtual`. Read [Marko adapter](references/framework-marko.md).

## Product boundaries

Use these separate product skills when the task crosses their boundary: `tanstack-table`.

## Source status

Official documentation from `TanStack/virtual`, matched to these verified release inputs: @tanstack/virtual-core@3.17.9.

See [source provenance](references/SOURCES.md) for exact upstream inputs and deduplication records.