Virtuoso Skills
- 6.4k repo stars
- Updated August 4, 2026
- petyosi/react-virtuoso
Implement virtualized React lists, message lists, and data tables correctly using react-virtuoso, with agent guidance for chat and large-dataset UIs.
About
virtuoso-skills gives agents guidance for building with react-virtuoso, including its message-list and data-table components, to render large datasets and chat UIs efficiently through virtualization. Frontend developers use it when implementing performant scrollable lists, tables, or chat interfaces in React.
- react-virtuoso guidance
- Message-list component
- Data-table component
- List virtualization for chat
Virtuoso Skills by the numbers
- Data as of Aug 5, 2026 (Skillselion catalog sync)
/plugin marketplace add petyosi/react-virtuoso/plugin install virtuoso-skills@virtuosoAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 6.4k |
|---|---|
| Last updated | August 4, 2026 |
| Repository | petyosi/react-virtuoso ↗ |
What it does
Implement virtualized React lists, message lists, and data tables correctly using react-virtuoso, with agent guidance for chat and large-dataset UIs.
README.md
Virtuoso Skills
This private workspace package is the canonical source for the virtuoso-skills agent distribution. It packages the same four skills (react-virtuoso, message-list, data-table, and reactive-engine) for Claude Code, Codex, and Agent Skills consumers such as Codex, OpenCode, and Cursor.
The package is not imported by the runtime libraries. It owns the hand-authored SKILL.md source files under packages/virtuoso-skills/skills/ and generates the documentation references and public mirrors used by installers.
Generated Output
Run the build from the repo root:
pnpm build:skills
The command regenerates:
packages/virtuoso-skills/skills/*/references/from each package README and docs treeskills/fornpx skillssource discoveryplugins/virtuoso-skills/skills/for Codex plugin packaging
Edit packages/virtuoso-skills/skills/<name>/SKILL.md when authoring skill behavior. Do not edit generated references/ directories or mirrors directly.
Distribution
Claude Code installs the plugin from the repo marketplace:
/plugin marketplace add petyosi/react-virtuoso
/plugin install virtuoso-skills@virtuoso
Codex installs the plugin from the public repo marketplace after merge:
codex plugin marketplace add petyosi/react-virtuoso --ref main --sparse .agents/plugins --sparse plugins/virtuoso-skills
codex plugin add virtuoso-skills@virtuoso
Agent Skills users install from the dedicated public mirror, virtuoso-dev/skills. npx skills shallow-clones the whole source repository before copying the selected skill, so pointing it at the small mirror pulls just the four skill directories instead of the entire monorepo:
npx skills add virtuoso-dev/skills --skill '*' -a codex -a opencode -a cursor --copy -y
Releases
The package version is the source for both plugin manifests. Add a changeset when the skill distribution changes; when Changesets bumps this package, the version lifecycle script updates the Claude and Codex plugin manifests to match.
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k