algorithmic-art

Name: algorithmic-art
Availability: InStock
Author: hungson175

Generate reproducible p5.js algorithmic art with seeded randomness and parameter controls.

Updated Feb 5, 2026

Search Tags:#generative design #seeded randomness #p5.js #algorithmic art #generate #interactive controls

Ready to run

npx skills add https://github.com/hungson175/shared-claude-config --skill algorithmic-art-hungson175

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/hungson175/shared-claude-config/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/hungson175/shared-claude-config --skill algorithmic-art-hungson175

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Seeded generative art workflow that translates abstract computational ideas into reproducible, interactive visuals. It provides a self-contained framework to express algorithmic philosophies as live p5.js sketches, enabling reliable experimentation without setup overhead.

Core Features & Use Cases

Seeded randomness for reproducible runs and easy variation exploration
Parameter controls (particle count, speed, noise scale, color palettes) for dynamic tweaking
A fixed, self-contained HTML artifact built from a templated UI that preserves Anthropic branding
Ideal for artists and developers to prototype, refine, and present living algorithms in gallery-style demonstrations

Quick Start

Start from the provided template, set up a seed, adjust sliders like Particle Count, Flow Speed, Noise Scale, and Trail Length, then click Regenerate to apply changes. Save the resulting render as PNG for a static capture, or iterate to build varied explorations across seeds.

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 with p5.js?▼

You create reproducible generative art in p5.js by applying seeded randomness to control random variables, allowing the exact same visual output to be reliably regenerated from a specific seed value.

How does seeded randomness work in algorithmic art generation?▼

Seeded randomness in algorithmic art generation works by initializing the random number generator with a fixed seed value, ensuring that the same seed always produces identical visual variations for consistent exploration.

Can I adjust p5.js particle systems with interactive parameter controls?▼

Yes, you can adjust p5.js particle systems using interactive parameter controls, enabling live tweaking of variables like particle count, flow speed, noise scale, and trail length to dynamically modify the render.

What is the best way to export p5.js sketches as a self-contained HTML artifact?▼

The best way to export p5.js sketches as a self-contained HTML artifact is to use a fixed template that includes seed navigation UI, customizable parameter sliders, and an export option for saving static PNG captures.

Does this generative design workflow require external dependencies or setup?▼

No, this generative design workflow requires no external dependencies or setup overhead, providing a self-contained framework to express algorithmic philosophies as live p5.js sketches for immediate experimentation.

How do I explore variations across different seeds in generative design?▼

You explore variations across different seeds in generative design by using a seed navigation UI to cycle through values, clicking regenerate to apply changes, and saving resulting PNG renders for static comparison.