Back to all skills

✨

Development

p5.js Sketches

Generate interactive p5.js sketches — generative art, visualizations, toys.

4.4rating

3,900 installs

creative/p5js

Max required

About this skill

p5.js Sketches writes clean, runnable p5.js code from a creative brief: a generative flow field, a sound-reactive visual, an interactive toy. The assistant knows the p5.js API well enough to avoid the 20-lines-of-boilerplate problem. Output: a single .html file you can open or embed.

What it does

Clean p5.js output, no boilerplate bloat
Generative art, visualizations, interactive toys
Sound-reactive and mouse-reactive modes
Exports single-file .html
Iterable from a natural-language brief

Use cases

Prototype a generative art piece from a mood description
Build a sound-reactive visual for a live set
Sketch a data visualization idea before coding it properly

Related skills

Code Review

Review a diff or PR with concrete suggestions — not vibes.

22,400 installs

Debug Helper

Work through a bug systematically: hypotheses, tests, narrowed fix.

17,600 installs

Research Paper Writing

Draft sections of a paper: abstract, related work, methods, with LaTeX output.

Custom Skill Builder

Design, test, and ship your own Hermes skill without leaving the assistant.