skills.rest
petyosipetyosiCommunity·7 Agent Skills Included

react-virtuoso

Build fast virtualized React lists, grids, tables, and chat UIs

Builds high-performance virtualized lists, grids, data tables, and chat interfaces in React with automatic item measurement. Eliminates manual height calculations, scroll jump bugs, and slow rendering of large datasets. Guides your AI agent through component selection, infinite scrolling, streaming chat, and common virtualization fixes.
6,451|354
↗
npx skills add petyosi/react-virtuoso --all -g -y
Available:

Gives the AI agent the monorepo layout, build and test commands, architecture patterns, and documentation rules it needs to work correctly on the Virtuoso packages and skills.

All Skills in This Repository (7)

Pure Emerald Level Indicators
📦 In Repo
petyosipetyosi

react-virtuoso

Virtualize large lists, grids, and tables in React with automatic item size measurement.

Community
Advanced
📦 In Repo
petyosipetyosi

reactive-engine

Coordinate per-engine state and data flows in React applications.

Community
Advanced
📦 In Repo
petyosipetyosi

message-list

Render large chat histories virtually in React with position-preserving scroll control.

Community
Advanced
📦 In Repo
petyosipetyosi

data-table

Builds virtualized React data tables with grouping, sticky columns, and resizing.

Community
Advanced
📦 In Repo
petyosipetyosi

docs-guidance

Rewrite project documentation pages for clarity, structure, and safety.

Community
Intermediate
📦 In Repo
petyosipetyosi

react-virtuoso

Build virtualized lists, grids, and tables in React with automatic item measurement.

Community
Intermediate
📦 In Repo
petyosipetyosi

data-table

Build virtualized React data tables with sorting, grouping, sticky columns, and remote data models.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install react-virtuoso skills?▼

Run `npx skills add petyosi/react-virtuoso --all -g -y` in your terminal to install all skills in this suite globally.

How to render large lists in React without lag?▼

Use the Virtuoso component, which renders only visible items and measures variable heights automatically, so thousands of rows scroll smoothly with no manual size configuration.

Can AI agents build chat UIs with this suite?▼

Yes. The message-list skill teaches your agent to build chat and AI streaming interfaces with stick-to-bottom behavior, history prepending, and scroll-to-bottom controls.

Does it work with Claude Code, Codex, and Cursor?▼

Yes. The skills follow the universal SKILL.md standard and ship as plugins for Claude Code and Codex, and work in Cursor and other compatible agents.

How to fix jumpy scrolling in virtualized lists?▼

The react-virtuoso skill covers the common causes, such as CSS margins on items and missing item keys, and gives your agent the exact fixes and troubleshooting steps.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills