p5js

Design, preview, and export p5.js sketches as self-contained HTML.

Updated May 21, 2026
One-click install
npx skills add https://github.com/samlaggz/hermes-agent-sam --skill p5js-samlaggz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: p5js
Source: https://github.com/samlaggz/hermes-agent-sam/tree/main/backup/skills/creative/p5js
Command: npx skills add https://github.com/samlaggz/hermes-agent-sam --skill p5js-samlaggz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

The p5.js Production Pipeline provides a self-contained workflow to create browser-based generative art, eliminating the need for separate tooling, servers, or manual setup.

Core Features & Use Cases

  • Self-contained HTML sketches with optional headless export
  • Export formats: HTML, PNG, GIF, MP4, SVG
  • Seed-driven reproducibility and guided creative pipeline

Quick Start

Regenerate a self-contained HTML sketch from a prompt and export it using the built-in headless pipeline.

Frequently Asked Questions about p5js

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate interactive p5.js sketches from text prompts?

This Skill generates interactive p5.js sketches from prompts by providing a structured workflow that outputs self-contained HTML files. It uses a guided creative pipeline with a CDN-based library, eliminating the need for separate tooling or manual setup.

Can I export generative art to MP4, GIF, or PNG without a browser window?

You can export generative art to MP4, GIF, or PNG without an active browser window using the built-in headless export pipeline. This process relies on Puppeteer to capture and save your interactive visuals directly from the script.

Does the p5.js production pipeline support seed-driven reproducibility for data-driven art?

The p5.js production pipeline supports seed-driven reproducibility for data-driven art. This ensures your generative visuals are consistently recreated by applying a controlled seed within the guided creative workflow.

Do I need to install Puppeteer to export p5.js sketches as SVG files?

You need Puppeteer installed to utilize the optional headless export pipeline for p5.js sketches. This dependency enables automated capture and saving of web art in formats including SVG, HTML, PNG, GIF, and MP4.

What is the best way to create lightweight WebGL projects without setting up a server?

The best way to create lightweight WebGL projects without a server is using a self-contained HTML workflow. This approach packages p5.js sketches with a CDN-based library, enabling direct browser execution and optional headless export.