Skills algorithmic-art

🎨

algorithmic-art

Name: algorithmic-art
Author: ZhanlinCui

Safe

Generate Algorithmic Art with p5.js

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

Create unique generative art using p5.js with seeded randomness for reproducible results. Build interactive art that users can explore through parameter controls and seed navigation.

Supports: Claude Codex Code(CC)

⚠️ 66 Poor

Download the skill ZIP

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

Toggle on and start using

Test it

Using "algorithmic-art". Create algorithmic art about organic emergence with particles

Expected outcome:

Generates an interactive HTML artifact with flowing particles that respond to noise fields, parameter controls for adjustment, and seed-based reproducibility.

Using "algorithmic-art". Build geometric art with recursive patterns and seed navigation

Expected outcome:

Produces self-contained HTML with recursive geometric patterns, sidebar controls for exploring parameters, and buttons to navigate between seed variations.

Security Audit

Safe

v1 • 2/24/2026

All 42 static findings are false positives. The skill is a legitimate p5.js generative art tool. Network access is limited to CDN resources for p5.js library and Google Fonts required for the viewer. The static scanner confused markdown code formatting, regex operations, and template comments as security risks.

Files scanned

1,227

Lines analyzed

findings

Total audits

Critical Issues (2)

templates/viewer.html:508

False Positive: Windows SAM Database Reference

Static scanner flagged line 508 as 'Windows SAM database' but the actual content is '// PARTICLE SYSTEM' comment in the template. Scanner confused 'SYSTEM' with Windows SAM. This is a template placeholder comment.

False Positive: Dangerous Heuristic Combination

Scanner flagged 'Code execution + Network + Credential access' heuristic. This was triggered by benign JavaScript (regex .exec()), CDN network calls, and the word 'exec'. No credential access or malicious code exists.

Medium Risk Issues (2)

templates/generator_template.js:133

False Positive: Python exec() Function

Scanner flagged JavaScript regex .exec() at line 133 as 'Python exec()'. The actual code is 'const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)' which parses hex color values.

SKILL.md:3 SKILL.md:62 SKILL.md:95 SKILL.md:161 SKILL.md:349 SKILL.md:366 SKILL.md:368 SKILL.md:388

False Positive: Weak Cryptographic Algorithm

Scanner flagged various lines as 'Weak cryptographic algorithm' but no cryptographic code exists. Scanner likely confused algorithmic art terminology with cryptography.

Low Risk Issues (2)

SKILL.md:109 SKILL.md:136-141 SKILL.md:141-147 SKILL.md:147-159 SKILL.md:159-189 SKILL.md:189-199 SKILL.md:199-215 SKILL.md:215-223 SKILL.md:223-229 SKILL.md:229-275 SKILL.md:275-300 SKILL.md:300-313 SKILL.md:313-319

False Positive: External Commands / Shell Backtick Execution

Scanner flagged markdown backticks (`) as shell backtick execution. These are code formatting delimiters in SKILL.md documentation, not actual shell commands.

templates/viewer.html:23 templates/viewer.html:24 templates/viewer.html:25 templates/viewer.html:26

Legitimate: Hardcoded CDN URLs

Network URLs at lines 23-26 are legitimate CDN resources for p5.js library and Google Fonts required for the interactive art viewer to function.

Audited by: claude

Quality Score

Architecture

100

Maintainability

Content

Community

Security

Spec Compliance

What You Can Build

Creative Professionals

Generate unique visual assets for projects, websites, or marketing materials with reproducible seeds.

Learning Creative Coding

Understand generative art principles through working examples and parameter exploration.

Interactive Art Creation

Create shareable interactive art that others can explore through parameter adjustments.

Try These Prompts

Basic Art Generation

Create algorithmic art using p5.js. Use seeded randomness to ensure reproducibility. Build an interactive HTML artifact with parameter controls.

Flow Field Art

Create a flow field algorithmic art piece using p5.js. Include particle systems that follow noise-driven vector fields. Add controls for particle count, noise scale, and speed.

Geometric Patterns

Generate geometric algorithmic art using recursive subdivision or circular patterns. Include seed navigation so users can explore variations.

Interactive Explorer

Create a complete interactive algorithmic art viewer with seed navigation (prev/next/random), parameter sliders, color pickers, and export functionality.

Best Practices

Always use seeded randomness (randomSeed, noiseSeed) for reproducible results
Design parameters that emerge naturally from the algorithmic philosophy
Keep all code inline in a single HTML file for portability

Avoid

Avoid copying existing artists' work - create original algorithmic philosophies
Do not skip the template - use viewer.html as the starting foundation
Avoid random color values - use thoughtful, harmonious palettes

Frequently Asked Questions

What is algorithmic art?

Algorithmic art is visual art created using computational algorithms. It uses mathematical processes and code to generate unique, often reproducible visual outputs.

How does seeded randomness work?

Seeded randomness uses a starting number (seed) to initialize random number generators. This makes every run produce the same output, essential for reproducible art.

Can I use this skill offline?

The skill requires internet access initially to load p5.js from CDN. Once loaded, the generated art can work offline in a cached browser session.

What is the algorithmic philosophy?

The algorithmic philosophy is a computational worldview that guides the art creation. It describes the mathematical and aesthetic principles that the algorithm expresses.

How do I share the generated art?

The output is a single self-contained HTML file. You can share it by sending the file or hosting it on any web server.

Can I export the art as an image?

Yes, the interactive viewer includes a download button that exports the current canvas as a PNG file.