About tanstack-virtual
tanstack-virtual is a documentation-guidance skill for developers using TanStack Virtual for large lists, grids, and reverse feeds. It checks installed package versions and routes tasks to the relevant framework adapter references.
Key features
- 01Check installed packages and versions
- 02Select guidance for the detected framework
- 03Cover list and grid virtualization
- 04Address dynamic measurement and reverse feeds
- 05Match references to installed versions
Use cases
- 01Virtualize a large list
- 02Handle reverse feeds in chat interfaces
- 03Consult a specific framework adapter guide
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-virtualAfter installing, type/tanstack-virtualin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/foundations.mdframework-angular.mdframework-lit.mdframework-marko.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdreferences/guides/virtual-docs-api-virtual-item-md-e07aeecc.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-anchorto.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-debug.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-enabled.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-followonappend.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-gap.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-getitemkey.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-horizontal.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialmeasurementscache.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialrect.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isrtl.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isscrollingresetdelay.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-laneassignmentmode.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-lanes.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-measureelement.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementrect.mdDetails
From the project READMETanStack Virtual
Virtualization guidance for large lists, grids, dynamic measurement, reverse feeds, and framework adapters.
Workflow
- Inspect installed TanStack packages and exact versions.
- Read the foundation reference and the adapter reference for the detected framework.
- Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
- Prefer installed package types and version-matched source guidance over memory.
- Preserve headless/core behavior when translating examples to a framework adapter.
Task routing
- Foundations — Introduction, installation, and Virtualizer APIs.
- Measurement and reverse feeds — Measurement and chat/reverse-feed virtualization.
- React adapter — React-specific setup and behavior.
- Solid adapter — Solid-specific setup and behavior.
- Vue adapter — Vue-specific setup and behavior.
- Svelte adapter — Svelte-specific setup and behavior.
- Lit adapter — Lit-specific setup and behavior.
- Angular adapter — Angular-specific setup and behavior.
- Marko adapter — Marko-specific setup and behavior.
Framework routing
- Angular — detect
@tanstack/angular-virtual. Read Angular adapter. - Lit — detect
@tanstack/lit-virtual. Read Lit adapter. - Marko — detect
@tanstack/marko-virtual. Read Marko adapter. - React — detect
@tanstack/react-virtual. Read React adapter. - Solid — detect
@tanstack/solid-virtual. Read Solid adapter. - Svelte — detect
@tanstack/svelte-virtual. Read Svelte adapter. - Vue — detect
@tanstack/vue-virtual. Read Vue adapter.
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/[email protected].
See source provenance for exact upstream inputs and deduplication records.