Generate Algorithmic Art Philosophies and Code

Algorithmic Art is a two-step skill for making generative art. First it writes an algorithmic philosophy, a computational aesthetic movement described in a markdown file, and then it expresses that philosophy as interactive p5.js code in a single self-contained HTML artifact. The philosophy step asks you to name the movement in one or two words (examples given are "Organic Turbulence", "Quantum Harmonics" and "Emergent Stillness") and to articulate it in four to six concise paragraphs. Those paragraphs cover computational processes, noise functions, particle behaviors and field dynamics, temporal evolution and parametric variation. The philosophy must stress process over product, seeded variation and expert craftsmanship, and it should leave the implementation room to make interpretive choices.

Before implementing, the skill has you deduce a conceptual seed: a subtle, niche reference from the original request that is woven into the algorithm's parameters, behaviors and emergence patterns without announcing itself.

The implementation follows these rules:

• Read templates/viewer.html first and use it as the literal starting point. Keep the fixed sections (header, sidebar structure, Anthropic colors and Poppins and Lora fonts, seed controls, action buttons) and replace only the algorithm and the parameter controls.
• Use seeded randomness so the same seed always produces identical output, with a params object that always includes seed.
• Let the philosophy dictate the algorithm rather than picking from a menu of patterns, with guidance for organic emergence, mathematical beauty and controlled chaos.
• Deliver one HTML file with p5.js loaded from a CDN, all code and styling inline, and nothing external.

// ALWAYS use a seed for reproducibility
let seed = 12345; // or hash from user input
randomSeed(seed);
noiseSeed(seed);

Use it when you want original generative or algorithmic art that people can explore interactively: flow fields, particle systems, recursive structures, Voronoi or circle-packing tessellations, wave interference and similar computational aesthetics. It fits requests where you want seed navigation, live parameter sliders and a downloadable image rather than a fixed picture.

It is not a tool for static images, templates or illustrations with a little randomness added; the art must be "living algorithms". It does not produce multiple separate files, since algorithms are embedded inline in the HTML artifact instead of separate .js files. Use the skill only when the task clearly matches its scope, do not treat the output as a substitute for environment-specific validation, testing or expert review, and stop and ask when inputs, permissions, safety boundaries or success criteria are missing.

The input is the user's request, treated as a foundation and not a constraint on creative freedom. The skill produces two things: the algorithmic philosophy as markdown or text, and a single interactive HTML artifact built from the template. The artifact includes:

• Parameter controls: sliders for numeric parameters, color pickers for palette colors and real-time updates.
• Seed navigation: a seed display, Previous and Next buttons, a Random button, and an input with a Go button to jump to a specific seed. It can generate 100 variations (seeds 1 to 100) when requested.
• Actions: Regenerate, Reset and Download PNG buttons.
• Optional extras when the user wants highlighted variations: seed presets such as "Variation 1: Seed 42" and a Gallery Mode with side-by-side thumbnails, all inside the same artifact.

The default canvas is 1200 by 1200 pixels, and the artifact can be static (noLoop) or animated.

The artifact loads p5.js version 1.7.0 from cdnjs. It runs immediately in claude.ai artifacts or any browser with no server or setup, and can be shared as a single HTML file. The skill ships two resources: templates/viewer.html, the required starting point, and templates/generator_template.js, a reference for p5.js structure that covers parameter organization, seeded randomness, the p5 lifecycle, classes for entities, performance notes, utility functions, export via saveCanvas and common patterns such as fading trails and noise. The generator template is explicitly not a pattern menu.

It suits creative coders, designers and artists who want to turn an aesthetic idea into a reproducible, explorable p5.js piece, and anyone who wants a structured philosophy-first workflow for generative art. The skill carries a critical risk rating and has a community origin.