I packaged a multi-cursor page-building effect into a reusable React skill

Xin Gao — Sat, 07 Nov 2026 09:45:53 +0000

Inspired by swarm-cursors, I’ve packaged the multi-cursor page-building effect into a reusable skill that you can integrate into your own React projects.

The skill includes editable React source, a scene builder, and a demo project. Cursors draw shapes and lines, type text, and build sections as you scroll. The page runs directly in your project, so visitors don’t need a browser extension.

Try it

With Node.js 22.20 or later, install the skill and select your coding agent:

npx skills add cxyax/swarm-cursors-skills --skill swarm-page-builder -g

Then ask your agent to use swarm-page-builder to create a page or integrate a full-screen route into an existing React app. The repository also includes a standalone template and setup instructions.

GitHub: https://github.com/cxyax/swarm-cursors-skills

The screenshot shows the included personal homepage demo. I’d love feedback on the integration experience and what you’d like to build with it.

DEV Community: Xin Gao

I packaged a multi-cursor page-building effect into a reusable React skill

Try it