algorithmic-art

Generate seed-based generative art with p5.js in self-contained HTML.

27|2|Updated Apr 18, 2025
One-click install
npx skills add https://github.com/tanepiper/teskooano --skill algorithmic-art-tanepiper
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/tanepiper/teskooano/tree/main/.cursor/skills/algorithmic-art
Command: npx skills add https://github.com/tanepiper/teskooano --skill algorithmic-art-tanepiper

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables artists and developers to create expressive, seed-based generative art using p5.js, providing a structured yet flexible workflow that preserves branding and interactive UI.

Core Features & Use Cases

  • Seeded randomness and reproducible outputs: Every seed yields a unique yet repeatable artwork.
  • Template-driven UI: A fixed Anthropic-inspired interface with a self-contained HTML artifact for instant rendering.
  • Parametric exploration: Adjustable controls for seed, colors, scale, and motion to discover a wide range of visuals.
  • Use Case: An artist wants to generate a series of unique, exportable artworks from seeds 1–100, each with consistent UI and export options.

Quick Start

To begin, select a seed and adjust the parameters to explore variations. When satisfied, export the PNG from the artifact or save the HTML artwork for sharing.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I generate reproducible generative art with p5.js?

To generate reproducible generative art with p5.js, you use a seed-driven approach where a specific seed value initializes the randomness, ensuring the exact same visual output is recreated every time that seed is applied.

What is seeded randomness in algorithmic art?

Seeded randomness in algorithmic art is a technique where a fixed numeric seed initializes the random number generator, guaranteeing that the same seed will consistently produce identical, reproducible visual patterns across multiple runs.

Can I explore parametric variations for generative art without coding?

Yes, you can explore parametric variations through an interactive UI framework that provides adjustable controls for seed, colors, scale, and motion, allowing you to discover different algorithmic aesthetics without modifying code.

How do I export generative art as an image or HTML file?

You export generative art by using the built-in controls in the self-contained HTML artifact to directly export a PNG image, or you save the complete HTML artwork file for sharing and offline rendering.

Does this generative art tool work for generating large numbered series?

Yes, this tool works for generating large numbered series by applying sequential seed values, such as seeds 1 through 100, to systematically produce a collection of unique yet structurally consistent, exportable artworks.