Generate browser-based generative art with p5.js in a single HTML file.
npx skills add https://github.com/jleechanorg/hermes-agent --skill p5js-jleechanorg
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/jleechanorg/hermes-agent/tree/main/skills/creative/p5js Command: npx skills add https://github.com/jleechanorg/hermes-agent --skill p5js-jleechanorg
p5.js sketches are powerful but often require boilerplate to become shareable, self-contained browser artifacts. This Skill provides a production pipeline and documentation to produce interactive, shader-enabled sketches that run in any modern browser without local build steps.
Open the produced self-contained HTML sketch in a browser to view interactive p5.js art.
High-intent search queries and answers about installing and using this skill.
To create self-contained HTML files for p5.js generative art, this Skill outputs a single standalone artifact with optional scripts, references, and assets directories. The produced file runs offline or via CDN-loaded libraries in any modern browser without requiring local build steps.
Yes, interactive browser installations and shader experiments are fully supported. The pipeline accommodates multiple modes including 3D WebGL scenes, interactive experiences, and generative art, ensuring shader-enabled sketches run directly in modern browsers.
You can generate data visualizations and animations without a local build environment. The Skill produces a production-ready HTML artifact that loads p5.js via CDN or offline libraries, eliminating the need for complex build configurations.
The best way to package p5.js sketches for portfolio showcases is using this Skill's production pipeline, which generates a single HTML file accompanied by optional scripts and assets. This allows live, interactive art to be shared and viewed instantly.
You do not need Puppeteer to run the generated p5.js sketches in a browser. Puppeteer is listed as a dependency for the Skill's internal generation pipeline, while the final output is a standalone HTML file that operates independently.
A single HTML file pipeline solves the boilerplate problem in creative coding by producing shareable, self-contained browser artifacts. It ensures interactive, shader-enabled p5.js sketches run reliably without managing external dependencies during deployment.
johnlindquistAutomate browser interactions for web testing and data extraction with Puppeteer or Playwright.
korallisGenerate interactive HTML/JavaScript web artifacts with Tailwind CSS styling.
zzafergokConvert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.
magnus919Build browser-based Three.js and WebGL scenes with vanilla JavaScript.
