Localized reading guide
algorithmic-artPurpose, usage and source
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Source retrieved:
- Source repository
- anthropics/skills
- SKILL.md
skills/algorithmic-art/SKILL.md- Repository stars
- 185,373
- Repository updated
- 2026-10-29
- Categories
- Development
- Last collected
License: License file needs review
Workflow excerpts are reading aids, not executable instructions from Codez. No third-party Skill was run to produce this page.
The purpose and workflow passages below are upstream material, organized and translated for reading. They are distinct from the separately labeled Codez editorial analysis.
What this Skill does
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
How the upstream workflow works
HOW TO GENERATE AN ALGORITHMIC PHILOSOPHY
Name the movement (1-2 words): "Organic Turbulence" / "Quantum Harmonics" / "Emergent Stillness" Articulate the philosophy (4-6 paragraphs - concise but complete): To capture the ALGORITHMIC essence, express how this philosophy manifests through: Computational processes and mathematical relationships?
Upstream passage · L34 ↗THE CREATIVE PROCESS
User request → Algorithmic philosophy → Implementation Each request is unique. The process involves: Interpret the user's intent - What aesthetic is being sought? Create an algorithmic philosophy (4-6 paragraphs) describing the computational approach
Upstream passage · L359 ↗Overview
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms). This happens in two steps: Algorithmic Philosophy Creation (.md file) Express by creating p5.js generative art (.html + .js files)
Upstream passage · L7 ↗Requirements and setup
TECHNICAL REQUIREMENTS
Seeded Randomness (Art Blocks Pattern): Parameter Structure - FOLLOW THE PHILOSOPHY:
Upstream passage · L133 ↗CRAFTSMANSHIP REQUIREMENTS
CRITICAL: To achieve mastery, create algorithms that feel like they emerged through countless iterations by a master generative artist. Tune every parameter carefully. Ensure every pattern emerges with purpose. This is NOT random noise - this is CONTROLLED CHAOS refined through deep expertise. Balance: Complexity without visual noise, order without rigidity
Upstream passage · L201 ↗// ALWAYS use a seed for reproducibility
let seed = 12345; // or hash from user input
randomSeed(seed);
noiseSeed(seed);Limits and quality checks
No separate limits passage was selected from this file. This does not mean the Skill is safe for every input or environment. Review the complete source and validate your own result.
Start with a safe trial
- Check the supported host and the repository installation instructions. Keep the Skill directory and its referenced scripts, assets and documentation together; SKILL.md alone may omit dependencies.
- Give the agent your real input, desired output and acceptance criteria. Invocation syntax and available tools depend on the host; this site does not assume a universal install command.
- Try the source workflow in a disposable project or on a copy. Review operations that change files, remote services or billable resources before allowing them.
- Validate the output against the source quality checks and your own requirements. A successful trigger or a high repository Star count does not establish a correct result.
Read further in the source
- Overview
- ALGORITHMIC PHILOSOPHY CREATION
- THE CRITICAL UNDERSTANDING
- HOW TO GENERATE AN ALGORITHMIC PHILOSOPHY
- PHILOSOPHY EXAMPLES
- ESSENTIAL PRINCIPLES
- DEDUCING THE CONCEPTUAL SEED
- P5.JS IMPLEMENTATION
- ⚠️ STEP 0: READ THE TEMPLATE FIRST ⚠️
- TECHNICAL REQUIREMENTS
- CRAFTSMANSHIP REQUIREMENTS
- OUTPUT FORMAT
- INTERACTIVE ARTIFACT CREATION
- CRITICAL: WHAT'S FIXED VS VARIABLE
- REQUIRED FEATURES
- USING THE ARTIFACT
- VARIATIONS & EXPLORATION
- THE CREATIVE PROCESS
- RESOURCES
Related Skills
Translation and scope
This reading guide selects passages from the pinned upstream SKILL.md. Translation is assisted. It is not a complete manual or a claim of tested compatibility. Read the original and its referenced files before use.
This introduction refers to the pinned version below; current repository activity and collection time are shown separately.
- Pinned source
- Read the original ↗
- Source retrieved
- Source commit
ca45fc496a3436251f191354091d557da31c15b5- Source SHA-256
3bc4092c09804853186524c826bc0621b940bb6122c05b84496dff95388e6eef