# Create Interactive Algorithmic Art

Generative art requests often need structure, reproducibility, and usable controls. This skill guides Claude, Codex, and Claude Code to create original p5.js artwork with seeded variation.

## Install

```bash
npx skillstore add anthropics/algorithmic-art
```

## Metadata

- Status: approved
- Slug: algorithmic-art
- Skillstore revision: r1
- Version status: missing
- Tree hash: 8fe4404e7c1a27293ef2a7540c537a829967c4b4d94ced1d0b4233a3d9d7cacb
- Author: anthropics
- GitHub username: anthropics
- License: Complete terms in LICENSE.txt
- Repository: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art
- Ref: 3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network, scripts
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/algorithmic-art
- Manifest: https://skillstore.pages.dev/api/skills/algorithmic-art/manifest

## Capabilities

- Creates an algorithmic philosophy before implementation to guide the visual system.
- Builds p5.js generative art with deterministic seed controls.
- Uses a provided HTML viewer template with sidebar controls and canvas layout.
- Defines tunable parameters for particles, flow fields, colors, and other visual systems.
- Produces self-contained HTML artifacts that run in a browser with p5.js loaded from a CDN.
- Supports exploration through previous, next, random, and direct seed entry controls.

## Use Cases

- Prototype Generative Art Concepts: Turn a visual idea into a reproducible p5.js sketch with parameters and seed navigation.
- Create Interactive Design Studies: Generate browser-based visual studies that stakeholders can adjust without editing code.
- Teach Computational Aesthetics: Show how noise, particles, fields, and deterministic randomness shape visual outcomes.

## Prompt Templates

### Begin a Simple Artwork

```
Create a p5.js generative artwork about flowing light. Include a short algorithmic philosophy, seed controls, and three simple parameters.
```

### Explore a Visual System

```
Design an interactive algorithmic art artifact based on particle motion and field forces. Make the parameters meaningful and explain the seed behavior.
```

### Refine an Existing Concept

```
Improve this generative art idea into a clear algorithmic philosophy and p5.js viewer. Keep the output original and avoid copying artist styles.
```

### Build a Gallery-Ready Artifact

```
Create a polished self-contained p5.js artwork with deterministic seeds, tuned parameters, elegant controls, and a distinctive computational philosophy.
```

## Limitations

- Generated artifacts rely on external CDN resources unless the author vendors dependencies locally.
- The skill provides templates and guidance, not a complete finished artwork by itself.
- Browser performance depends on particle counts, canvas size, and device capability.
- It avoids copying living artists or copyrighted styles and focuses on original algorithms.

## Best Practices

- Start from the provided viewer template so seed controls and layout remain consistent.
- Define parameters from the artwork concept, not from a generic effects list.
- Use seeded randomness for every random and noise decision that affects the artwork.

## Anti Patterns

- Do not copy a named artist or reproduce a copyrighted visual style.
- Do not create static images when the request needs an algorithmic system.
- Do not add high particle counts without checking browser performance.

## Security Audit

- Audited at: 2026-07-09T08:23:12.841\+00:00
- Summary: The audit confirms low-severity network dependencies for p5.js and Google Fonts in the template and example instructions. All static external-command, script-execution, and reconnaissance findings are false positives from markdown fences, ordinary wording, or a JavaScript regex match.

## Stats

- Views: 311
- Downloads: 22
- Favorites: 0
- Popularity score: 0