Skills
.Work. You
Rest

virtual-lists

Official

Render large lists fast with windowing.

Software Engineering#performance#react#optimization#list#virtualization#windowing#scrolling
AuthorPatternsDev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Windowing renders only visible items to prevent UI jank when dealing with large lists.

Core Features & Use Cases

  • Windowing renders only the portion of the list that is visible in the viewport.
  • Supports common windowing libraries like react-window and react-window-infinite-loader for loading more data as you scroll.
  • Use-case: rendering lists or tables with hundreds or thousands of items to improve initial render and scrolling performance.

Quick Start

Integrate the virtual-lists skill in a React project and replace a full list render with a windowed list to improve scroll performance.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: virtual-lists
Download link: https://github.com/PatternsDev/skills/archive/main.zip#virtual-lists

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.