algorithmic-art Claude Code Skill
Claude Code SkillClaude CodeDesign & Media ProductionWeb & App DevelopmentThe explanation below is AI-generated. Please verify it against the sources.
This is a Claude skill for producing original generative art with p5.js. It guides Claude first to write a short conceptual statement describing a computational art approach, then to implement that approach as a self-contained interactive HTML file using seeded randomness, adjustable parameters, and p5.js drawing logic. The output follows a fixed interface template (header, sidebar with seed controls and parameter sliders, action buttons) while the actual algorithm, parameters, and visual result vary per request. The skill explicitly instructs Claude to invent new work rather than imitate existing artists, to keep the same random seed reproducible, and to base the HTML artifact on a provided template file rather than building the layout from scratch.
What you can do with algorithmic-art
- Request original generative/algorithmic artwork built with p5.js (e.g., flow fields, particle systems, recursive or tessellation-based patterns)
- Get a written conceptual description of the computational approach alongside the resulting artwork
- Receive a single self-contained HTML file with an interactive viewer (no server or installation needed)
- Adjust generated parameters through sliders and optional color pickers to explore variations
- Navigate between random seeds (previous/next/random/jump) to see different outputs from the same algorithm
- Regenerate, reset to defaults, or download the artwork as a PNG from the interactive viewer