Generate Algorithmic Art Philosophies and Code

This is a two-phase generative-art skill: first it creates an "algorithmic philosophy" - a named computational aesthetic movement (for example "Organic Turbulence" or "Quantum Harmonics") written as a 4-6 paragraph manifesto emphasizing algorithmic expression, emergent behavior, and seeded variation - then it expresses that philosophy as p5.js code. The philosophy-writing step deliberately repeats craftsmanship language throughout (phrases like "meticulously crafted algorithm" or "master-level implementation") to frame the eventual algorithm as the product of deep, patient expertise. Before implementing, it deduces a "conceptual seed": a subtle, niche reference from the user's request woven invisibly into the algorithm's parameters and behaviors, sophisticated enough that only someone who recognizes it will catch it. The philosophy dictates the algorithm rather than the reverse - organic-emergence philosophies lean on accumulation and feedback loops, mathematical-beauty philosophies lean on geometric ratios and trigonometric functions, controlled-chaos philosophies lean on bifurcation and phase transitions. Reproducibility is mandatory:

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

Use this skill when generating gallery-quality, seed-reproducible p5.js generative art as a single self-contained HTML artifact - it requires reading templates/viewer.html first and using it as the literal starting point, not inspiration, keeping its fixed sections (header, sidebar layout, Anthropic branding, fonts, colors, seed navigation, action buttons) exactly as shown and replacing only the variable sections: the p5.js algorithm itself, the parameter definitions, and the parameter UI controls. It explicitly forbids creating HTML from scratch, inventing custom styling or color schemes, using system fonts or dark themes, or changing the sidebar structure. It is not a static-image or template-based art tool - the philosophy must express itself through emergent computational process, not a fixed composition, so it isn't the right skill for producing a single static image without seed-driven variation.

Input is the user's request plus any subtle instructions, treated as a foundation rather than a constraint; output is two artifacts - the algorithmic philosophy as markdown or text, and a single self-contained HTML file with p5.js loaded from CDN, the generative algorithm, and a UI embedding a fixed seed section (display, previous/next/random buttons, jump-to-seed input, with support for generating 100 variations across seeds 1-100 on request), a variable parameters section sized to whatever the specific algorithm needs (quantities, scales, probabilities, ratios, angles, thresholds), an optional colors section only if the art needs adjustable palettes, and fixed action buttons (regenerate, reset, download PNG). Every distinct seed value must reproduce identical output, and the craftsmanship bar covers balance (complexity without visual noise), thoughtful color harmony, visual hierarchy even within randomness, and smooth real-time performance if animated.

Uses p5.js loaded from a CDN inside the single HTML artifact, with no external files or imports beyond that, and references two bundled resources: templates/viewer.html as the mandatory structural and branding starting point, and templates/generator_template.js as a reference for seeded-randomness and code-organization principles, not a pattern menu to copy from.

Anyone using Claude to produce original, seed-reproducible generative art as a shareable, self-contained HTML artifact, who wants a philosophy-first process - movement, then code - and consistent Anthropic-branded UI chrome around a genuinely unique algorithm each time, rather than picking from a fixed set of visual templates.