Skills algorithmic-art
🎨

algorithmic-art

Safe 🌐 Network access⚡ Contains scripts⚙️ External commands

Create Algorithmic Art with p5.js

Also available from: davila7,anthropics,Doyajin174,Cam10001110101,Azeem-2

Creating generative art requires both technical skill and artistic vision. This skill guides AI systems to create original algorithmic art with seeded randomness, interactive parameters, and gallery-quality output.

Supports: Claude Codex Code(CC)
📊 70 Adequate
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Test it

Using "algorithmic-art". Create algorithmic art about ocean waves

Expected outcome:

  • Generates: Organic Turbulence philosophy about chaotic flow
  • Creates: Interactive HTML with particle system responding to noise fields
  • Includes: Controls for wave intensity, particle count, and color palette
  • Features: Seed-based reproducibility for consistent variations

Using "algorithmic-art". Make algorithmic art inspired by quantum physics

Expected outcome:

  • Generates: Quantum Harmonics philosophy about wave-particle duality
  • Creates: Interactive HTML with grid-based particles showing interference patterns
  • Includes: Controls for frequency, phase, and interference sensitivity
  • Features: Same seed produces identical mandala patterns

Using "algorithmic-art". Create fractal botanical art

Expected outcome:

  • Generates: Recursive Whispers philosophy about self-similarity
  • Creates: Interactive HTML with branching recursive structures
  • Includes: Controls for recursion depth, branch angle, and line weight
  • Features: Golden ratio proportions with organic noise variations

Security Audit

Safe
v5 • 1/16/2026

This is a pure content-generation skill for creating algorithmic art templates. All 65 static findings are FALSE POSITIVES. The scanner misinterpreted 'seed' keywords (for seeded randomness in generative art) as cryptographic functions, CDN URLs for loading p5.js as network vulnerabilities, and documentation references to reading template files as external command execution. The skill generates client-side HTML/JavaScript that runs entirely in the browser with no file access, network calls, or code execution capabilities.

5
Files scanned
1,629
Lines analyzed
3
findings
5
Total audits

Risk Factors

🌐 Network access (1)
⚡ Contains scripts (1)
⚙️ External commands (1)
Audited by: claude View Audit History →

Quality Score

38
Architecture
100
Maintainability
87
Content
21
Community
100
Security
91
Spec Compliance

What You Can Build

Build Generative Systems

Create interactive art installations and generative design tools for web applications and digital experiences.

Explore Algorithmic Aesthetics

Generate unique artworks with controlled randomness, exploring mathematical beauty through computational processes.

Teach Generative Concepts

Demonstrate algorithmic thinking and creative coding techniques using structured philosophy-to-code workflows.

Try These Prompts

Flow Field Art
Create algorithmic art with a flow field where thousands of particles follow Perlin noise vectors, leaving trails that accumulate into organic density patterns. Include controls for particle count, flow speed, and noise scale.
Geometric Harmony
Generate algorithmic art based on harmonic interference patterns. Use grid-initialized particles with phase values that evolve through sine waves. Include color mapping based on interference intensity.
Recursive Structure
Create recursive branching structures using subdivision algorithms. Golden ratios should constrain branch angles. Include noise perturbations for organic feel and diminishing line weights at deeper recursion levels.
Crystal Growth
Implement stochastic crystallization with randomized circle packing or Voronoi tessellation. Use relaxation algorithms to evolve cells until equilibrium. Color based on cell size and neighbor count.

Best Practices

  • Always use seeded randomness so the same parameters produce identical results
  • Design parameters that control algorithmic properties, not just visual appearance
  • Emphasize emergent behavior and process over static final compositions
  • Follow the template structure for consistent UI with seed navigation and parameter controls

Avoid

  • Do not use random values without seeds - results should be reproducible
  • Avoid static templates - each artwork should express its unique algorithmic philosophy
  • Do not hardcode magic numbers without explaining their purpose in the philosophy
  • Skip the craftsmanship emphasis - art should feel refined through countless iterations

Frequently Asked Questions

What tools does this skill support?
Works with Claude, Codex, and Claude Code for generating p5.js generative art in HTML format.
What file formats does it produce?
Creates self-contained HTML files with embedded JavaScript. Works instantly in browsers or as Claude artifacts.
Can I use external libraries?
Templates use p5.js from CDN. You can add other client-side libraries but keep artifacts self-contained.
Is my data safe?
This skill generates static HTML/JS code. No data is collected, stored, or transmitted beyond loading standard CDN libraries.
Why does my art look different each time?
Use seeded randomness with randomSeed() and noiseSeed(). Same seed always produces identical output.
How is this different from image generation?
Creates live, interactive code rather than static images. Users can explore parameters and regenerate variations in real time.

Developer Details

Author

ArtemisAI

License

Complete terms in LICENSE.txt

Ref

main

File structure