skills.rest
bakwankawa
bakwankawaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate a self-contained HTML artifact with a p5.js generative art workflow.

1|Updated Feb 1, 2026
Search Tags:#p5.js#Anthropic#generative-art#interactive-art#seeded-randomness#viewer-template#algorithmic-philosophy
One-click install
npx skills add https://github.com/bakwankawa/lazy-code-skill --skill algorithmic-art-bakwankawa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/bakwankawa/lazy-code-skill/tree/main/.cursor/skills/anthropic/algorithmic-art
Command: npx skills add https://github.com/bakwankawa/lazy-code-skill --skill algorithmic-art-bakwankawa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides creators to craft living generative art workflows that are philosophy-driven, reproducible, and easy to run as a self-contained artifact.

Core Features & Use Cases

  • Seeded, reproducible generative art pipeline using a fixed Anthropic-themed viewer template (templates/viewer.html).
  • Step-by-step workflow: create an algorithmic philosophy (4-6 paragraphs), implement a unique p5.js algorithm, and assemble a self-contained HTML artifact with inline code and controls.
  • Self-contained HTML artifact, exportable PNG, and UI for seed navigation and parameter exploration.
  • Use cases include artists prototyping new generative aesthetics, educators teaching algorithmic design, and researchers exploring computational creativity within a unified framework.

Quick Start

Read the SKILL.md to understand the intended workflow, then generate a 4-6 paragraph algorithmic philosophy, implement a unique p5.js algorithm following the philosophy, and assemble a self-contained HTML artifact using templates/viewer.html. Open the resulting HTML in a browser to interact with the seeded, parameter-driven generative artwork.

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?▼

Reproducible generative art with p5.js is created using a seeded randomness workflow that produces a self-contained HTML artifact, ensuring identical visual outputs are generated from the same seed value.

What is an algorithmic philosophy in generative art?▼

An algorithmic philosophy in generative art is a 4-6 paragraph conceptual framework that dictates the rules and aesthetics of the p5.js implementation, ensuring visual output reflects a defined computational theory.

How do I add interactive parameter controls to a p5.js sketch?▼

Interactive parameter controls are added to a p5.js sketch by integrating a fixed viewer template, which provides UI for seed navigation and parameter exploration within a single self-contained HTML file.

Does this generative art workflow require external dependencies?▼

This generative art workflow requires no external dependencies, as the p5.js implementation and UI controls are assembled inline within a single HTML artifact that runs directly in a web browser.

Can I export PNG images from a self-contained HTML artifact?▼

PNG images can be exported from the self-contained HTML artifact, allowing users to save the visual state of the parameter-driven, seeded p5.js artwork directly from the viewer interface.

What is the best way to teach computational creativity?▼

Teaching computational creativity is best achieved through a philosophy-driven workflow that requires students to define an algorithmic philosophy and implement a matching p5.js algorithm, bridging theory and visual output.

Related Skills

Explore More Design & Creative Skills→
DigitalCreationsCoDigitalCreationsCo
4

algorithmic-art

Generate interactive p5.js generative art viewers from seed-driven algorithms.

Community
Advanced
LamseyahEliasLamseyahElias

p5js

Generate browser-based generative art and interactive visuals with p5.js.

Community
Advanced
anilveersingh1308anilveersingh1308

algorithmic-art

Generate seeded p5.js algorithmic art with interactive parameter controls.

Community
Advanced
markdo27markdo27

algorithmic-art

Generate deterministic seed-based generative art with p5.js.

Community
Intermediate