Skip to content
Agentmart
Submit a tool
This entry duplicates p5js, which is the one we list in search.

p5js

Production pipeline for interactive and generative visual art using p5.js.

Skill by wu-xiaochen

IndexedLicense unknown★ 17
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/wu-xiaochen-p5js

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Use cases: design, frontend, data

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions: not checked yet.

What's inside

Skill name
p5js
Description
Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.
License
unknown
Instructions
505 lines in SKILL.md · view on GitHub

Before installing

  • Ships executable scripts
  • Instructions call the network

Agent Skills spec issues

  • body: 505 lines (spec recommends under 500)

Files (17)

  • README.md
  • SKILL.md
  • animation.md · references/
  • color-systems.md · references/
  • core-api.md · references/
  • export-pipeline.md · references/
  • interaction.md · references/
  • shapes-and-geometry.md · references/
  • troubleshooting.md · references/
  • typography.md · references/
  • visual-effects.md · references/
  • webgl-and-3d.md · references/
  • export-frames.js · scripts/
  • render.sh · scripts/
  • serve.sh · scripts/
  • setup.sh · scripts/
  • viewer.html · templates/

The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub

Signals

Stars
17
Forks
5
Open issues
0
Last commit (this folder)
Apr 10, 2026 (6 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
License unknown
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

Same skill elsewhere

Copies of this SKILL.md published by others; search shows only one of them.

More from wu-xiaochen

Cite this page

p5js skill. Agent Mart. https://agentmart.dev/skills/wu-xiaochen-p5js (last updated 2026-10-24)