jwilly246/tanstack-virtual
budtags/skills/tanstack-virtual/SKILL.md
TanStack Virtual patterns for virtualized lists, tables, and grids with high-performance rendering of large datasets
$ install --global
skillsauthnpx skillsauth add jwilly246/budtags-claude-plugin tanstack-virtualInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 10, 2026, 7:51 AM11.5s14 files scanned
SKILL.md
- name:
- tanstack-virtual
- description:
- TanStack Virtual patterns for virtualized lists, tables, and grids with high-performance rendering of large datasets
- version:
- 1.0.0
- category:
- project
- agent:
- tanstack-specialist
TanStack Virtual Skill
High-performance virtualization for rendering large lists, tables, and grids. Only render what's visible.
All Pattern Files (12 Total)
Foundation (2 patterns)
01-installation-setup.md- Installation, basic setup02-basic-list.md- useVirtualizer hook, simple list
Lists & Tables (3 patterns)
03-table-integration.md- TanStack Table + Virtual integration04-dynamic-heights.md- Variable row heights05-horizontal-virtualization.md- Horizontal scrolling
Advanced (3 patterns)
06-grid-virtualization.md- 2D virtualization07-window-scrolling.md- Window as scrollElement08-sticky-items.md- Sticky headers/footers
Production (3 patterns)
09-performance-optimization.md- Overscan, throttling10-scroll-restoration.md- Restore scroll position11-testing.md- Testing virtualized components
BudTags (1 pattern)
12-budtags-integration.md- DataTable.tsx examples
Quick Start
import { useVirtualizer } from '@tanstack/react-virtual'
const virtualizer = useVirtualizer({
count: items.length,
getScrollElement: () => parentRef.current,
estimateSize: () => 35,
})
Related Skills
jwilly246/zpl
development
VerifiedTrustedCommunity
Use this skill when generating ZPL code, working with ZPL commands, creating Zebra printer labels, or troubleshooting ZPL syntax and formatting issues.
1SKILL.mdUpdated Jun 10, 2026
jwilly246/verify-alignment
development
VerifiedTrustedCommunity
Use this skill to verify that code aligns with BudTags coding standards, architectural patterns, and conventions before or after implementation.
1SKILL.mdUpdated Jun 10, 2026
jwilly246/unleashed
development
VerifiedTrustedCommunity
Use this skill when working with Unleashed Software inventory/order management API integration, syncing inventory, importing orders, managing stock adjustments, or handling customer/product data from Unleashed.
1SKILL.mdUpdated Jun 10, 2026
jwilly246/tanstack-table
testing
VerifiedTrustedCommunity
Use when working with TanStack Table for data tables, datagrids, sorting, filtering, pagination, row selection, column customization, or virtualization. Load specific pattern files based on the feature needed.
1SKILL.mdUpdated Jun 10, 2026