DEV Community

Xin Gao
Xin Gao

Posted on

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

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
Enter fullscreen mode Exit fullscreen mode

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.

Demo of a personal homepage surrounded by colorful cursors

Top comments (0)