skills.rest
hungson175
hungson175COMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

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
One-click install
npx skills add https://github.com/hungson175/shared-claude-config --skill algorithmic-art-hungson175
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
definableaidefinableai
27

algorithmic-art

Generate reproducible p5.js generative art with seeded randomness and interactive controls.

Official
Advanced
alter123-zzalter123-zz
18

algorithmic-art

Generate reproducible p5.js generative-art HTML artifacts with seeded randomness and parameter controls.

Community
Intermediate
omerakbenomerakben
1

algorithmic-art

Convert philosophical concepts into self-contained p5.js generative art artifacts.

Community
Advanced
viktorbezdekviktorbezdek
10

algorithmic-art

Generate seed-controlled algorithmic art from philosophical descriptions using p5.js.

Community
Intermediate