Skip to content
Back to skills

Algorithmic Art

ASecurity

Create algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Generate original generative art through computational processes, emergent behavior, and mathematical beauty.

  • 7 stars
  • 0 votes
  • 0 copies
  • 1 view
  • Added September 3, 2026
designjavascriptgojavaexpressperformance

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned September 3, 2026

npx -y skills add mediar-ai/skillhubz --skill algorithmic-art --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Algorithmic Art?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Algorithmic Art
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/mediar-ai-algorithmic-art/badge)](https://www.skillsdirectory.com/skills/mediar-ai-algorithmic-art)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
# Algorithmic Art

Create algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Generate original generative art through computational processes, emergent behavior, and mathematical beauty.

## Prerequisites

- p5.js library (CDN or local)
- Modern web browser
- Basic understanding of JavaScript

## Instructions

1. **Create an Algorithmic Philosophy**
   - Name the movement (1-2 words): "Organic Turbulence", "Quantum Harmonics"
   - Define the computational approach in 4-6 paragraphs
   - Emphasize: algorithmic expression, emergent behavior, seeded variation

2. **Use Seeded Randomness (Art Blocks Pattern)**
   ```javascript
   let seed = 12345;
   randomSeed(seed);
   noiseSeed(seed);
   ```

3. **Design Parameters from Philosophy**
   ```javascript
   let params = {
     seed: 12345,
     // Quantities, scales, probabilities, ratios, angles, thresholds
   };
   ```

4. **Express Philosophy Through Code**
   - Organic emergence: elements that accumulate, feedback loops
   - Mathematical beauty: geometric relationships, trigonometric functions
   - Controlled chaos: random variation within strict boundaries

5. **Create Interactive HTML Artifact**
   - Include p5.js from CDN
   - Add parameter controls (sliders, color pickers)
   - Seed navigation (prev/next/random buttons)
   - Download PNG button

6. **Apply Craftsmanship**
   - Balance: complexity without visual noise
   - Color harmony: thoughtful palettes, not random RGB
   - Performance: smooth execution, optimized for real-time
   - Reproducibility: same seed produces identical output

## Error Handling

- If canvas doesn't render, check p5.js CDN availability
- If performance is poor, reduce particle count or frame rate
- Test with multiple seeds to ensure variety

## Notes

- Philosophy examples: Flow Fields, Particle Systems, Recursive Structures
- Animation concepts: noise fields, particle behaviors, field dynamics
- Output: Single self-contained HTML file with all code inline

Source: anthropics/skills

Files in this skill

  • manifest.json349 B
  • skill.md2 KB

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…