Blog - Abbas ElDeniney

About this skill

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:

1. Algorithmic Philosophy Creation (.md file)

2. Express by creating p5.js generative art (.html + .js files)

First, undertake this task:

ALGORITHMIC PHILOSOPHY CREATION

To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through:

Computational processes, emergent behavior, mathematical beauty
Seeded randomness, noise fields, organic systems
Particles, flows, fields, forces
Parametric variation and controlled chaos

THE CRITICAL UNDERSTANDING

What is received: Some subtle input or instructions by the user to take into account, but use as a foundation; it should not constrain creative freedom.
What is created: An algorithmic philosophy/generative aesthetic movement.
What happens next: The same version receives the philosophy and EXPRESSES IT IN CODE - creating p5.js sketches that are 90% algorithmic generation, 10% essential parameters.

Consider this approach:

Write a manifesto for a generative art movement
The next phase involves writing the algorithm that brings it to life

The philosophy must emphasize: Algorithmic expression. Emergent behavior. Computational beauty. See

…

Use cases

Computational processes, emergent behavior, mathematical beauty
Seeded randomness, noise fields, organic systems
Particles, flows, fields, forces
Parametric variation and controlled chaos
What is received: Some subtle input or instructions by the user to take into account, but use as a foundation; it should not constrain creative freedom.
What is created: An algorithmic philosophy/generative aesthetic movement.

Installation

Download the ZIP using the button on the right.
Unzip the folder.
Drop the algorithmic-art/ folder inside ~/.claude/skills/.
Restart Claude Code (or your Claude Desktop session) — the skill loads automatically.

# macOS / Linux
mkdir -p ~/.claude/skills
unzip claude-skill-algorithmic-art.zip -d ~/.claude/skills/

What's included

LICENSE.txt

SKILL.md

templates/generator_template.js

templates/viewer.html

Frequently asked

What does the Algorithmic Art skill do?

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.

Who should use it?

Anyone working with Claude on design-related tasks — consultants, founders, product teams, operators, and AI users who want repeatable, high-quality outputs from Claude.

How does it work?

Drop the folder into your `~/.claude/skills/` directory. Claude detects the SKILL.md instructions automatically and applies them when relevant.

What problem does it solve?

It removes the need to re-prompt Claude with the same context every time. Once the skill is installed, Claude already knows the rules, conventions, and procedures for this task.

How do I install it?

Download the ZIP, unzip it, and place the `algorithmic-art/` folder inside `~/.claude/skills/`. No other setup required.

Is it free?

Yes — free download. We just ask for your name and work email so we can send useful Claude updates.

Can I get a custom version?

Yes. Abbas ElDeniney builds tailored Claude skills for specific business workflows and data sources. Book a consultation to scope your version.

Algorithmic Art