algorithmic-art

Create seed-driven p5.js algorithmic art with adjustable parameters.

7|9|Updated May 9, 2026
One-click install
npx skills add https://github.com/hoanghd218/claude-code-2-days --skill algorithmic-art-hoanghd218
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/hoanghd218/claude-code-2-days/tree/main/.claude/skills/algorithmic-art
Command: npx skills add https://github.com/hoanghd218/claude-code-2-days --skill algorithmic-art-hoanghd218

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generative art creation from high-level ideas is often non-reproducible and time-consuming; this Skill provides a seed-based, code-driven workflow that translates concepts into living visuals.

Core Features & Use Cases

  • Seeded randomness for reproducible outputs across sessions
  • Philosophy-guided p5.js implementations with adjustable parameters
  • Self-contained HTML artifact suitable for demonstrations, embeds, and interactive prompts

Quick Start

Describe your desired generative concept and Claude will generate a seed-driven algorithmic art piece.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create reproducible generative art using p5.js?

You can create reproducible generative art in p5.js by using seeded randomness to lock visual outputs across sessions. This skill generates self-contained HTML artifacts driven by a specific seed value and an algorithmic philosophy.

What is seeded randomness in creative coding?

Seeded randomness in creative coding is a mechanism that initializes a deterministic number sequence, allowing complex visual outputs to be identically reproduced. It enables generative designs to remain visually stable even when re-rendered or shared across different environments.

How do I generate interactive algorithmic art from a high-level concept?

Generating interactive algorithmic art from a concept involves translating the idea into a p5.js implementation with adjustable parameters. This skill structures prompts to guide the visual output and encapsulates the interactive workflow within a single portable HTML artifact.

Do I need external dependencies to create self-contained HTML generative art?

No external dependencies are required to create self-contained HTML generative art beyond standard p5.js usage. The workflow encapsulates all interactive parameter exploration and visual rendering within a single portable HTML file suitable for demonstrations.

Can I use my own design philosophy to guide p5.js generative visuals?

Yes, you can use your own design philosophy to guide p5.js generative visuals. This skill takes a user-provided algorithmic philosophy and translates it into structured, design-oriented code that supports self-contained visual artifacts.

What is the best way to explore generative design parameters interactively?

The best way to explore generative design parameters interactively is by using a seed-driven p5.js implementation. This approach supports interactive parameter exploration within a self-contained HTML artifact, allowing design adjustments while maintaining reproducibility.