p5js

Generate self-contained HTML p5.js sketches from prompts with export options.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/danmartinez78/echo-ghost-backup --skill p5js-danmartinez78
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: p5js
Source: https://github.com/danmartinez78/echo-ghost-backup/tree/main/skills/creative/p5js
Command: npx skills add https://github.com/danmartinez78/echo-ghost-backup --skill p5js-danmartinez78

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Artists and developers want a repeatable, browser-based workflow to turn prompts into fully self-contained generative art without complex setup.

Core Features & Use Cases

  • Produces a self-contained HTML sketch that runs directly in the browser.
  • Supports generative art, data visualization, interactive experiences, 3D scenes, and shader-based visuals with headless export options.
  • Exports HTML, PNG, GIF, MP4, or SVG for easy sharing and publishing.

Quick Start

Describe your concept and export preferences to generate a ready-to-run p5.js sketch.

Frequently Asked Questions about p5js

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

FAQPage Schema
How do I turn a text prompt into a p5.js sketch for generative art?

To turn a text prompt into a p5.js sketch, you describe your creative concept and export preferences. The tool generates a self-contained HTML file with the necessary p5.js code scaffolding, ready to run in a browser.

Can I export browser-based generative art to video or image files?

Yes, you can export browser-based generative art to PNG, GIF, MP4, and SVG formats. The tool uses headless browser automation to render the interactive p5.js visuals and save the output directly.

Does this approach support WebGL shaders and 3D data visualization?

This approach supports WebGL shaders, 3D scenes, and data visualization within p5.js sketches. It handles the design decisions and code scaffolding for shader effects and interactive visual outputs automatically.

What is the best way to generate interactive generative art without complex setup?

The best way to generate interactive generative art without complex setup is using an automated prompt-to-sketch workflow. It produces self-contained HTML files that run directly in the browser, eliminating manual environment configuration.

Do I need Puppeteer installed to export p5.js sketches to MP4?

Yes, Puppeteer is required to export p5.js sketches to MP4 and other image or video formats. It provides the headless browser environment needed to capture and render the browser-based generative art output.