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 generating original generative art with the p5.js library. It works in two stages: first drafting a short written concept describing a computational aesthetic approach, then translating that concept into working p5.js code that uses seeded randomness so results can be reproduced. The output is a single self-contained HTML file containing the algorithm, an embedded copy of p5.js loaded from a CDN, and a control panel for adjusting parameters and seed values in real time. A bundled template file defines the fixed layout and visual branding of that control panel, while the actual drawing algorithm and its tunable parameters are built fresh for each request. The skill explicitly instructs against copying the style of existing artists, aiming instead for original compositions.
What you can do with algorithmic-art
- Generate an original algorithmic art concept as a short written description before coding
- Convert that concept into a p5.js sketch using techniques such as flow fields, particle systems, or noise-based patterns
- Produce a single HTML file that runs directly in a browser or as a Claude artifact, with no separate setup
- Adjust generated art through sliders and color pickers for parameters defined specifically for that piece
- Navigate between different random seeds (previous, next, random, or jump to a specific seed) to explore variations
- Regenerate, reset to defaults, or download the resulting image as PNG from the built-in controls