algorithmic-art

Generate algorithmic art with p5.js from a user-defined philosophy.

Updated Apr 19, 2026

Search Tags:#p5.js #generative art #interactive art #algorithmic art #computational aesthetics

Ready to run

npx skills add https://github.com/3iQ-Corp/skills --skill algorithmic-art-3iq-corp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/3iQ-Corp/skills/tree/main/anthropic/algorithmic-art
Command: npx skills add https://github.com/3iQ-Corp/skills --skill algorithmic-art-3iq-corp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill generates unique algorithmic art using p5.js, providing a platform for creative exploration and artistic expression through computational methods.

Core Features & Use Cases

Algorithmic Philosophy Creation: Develop a computational worldview to be expressed through code.
Interactive Artifacts: Create self-contained HTML artifacts for immediate exploration in any browser.
Parametric Exploration: Allow users to interact with parameters to explore variations of the generated art.
Use Case: Imagine a user wants to explore the concept of "organic turbulence" in generative art. This Skill would guide the user through creating a philosophy, implementing it in code, and then generating art that reflects this concept.

Quick Start

Use the algorithmic-art skill to create an "Organic Turbulence" generative art piece and explore different seeds and parameters.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema

How do I create generative art with p5.js?▼

You create generative art with p5.js by defining a user-defined algorithmic philosophy in a markdown file, then implementing it with JavaScript to generate interactive HTML artifacts.

What is computational aesthetics in algorithmic art?▼

Computational aesthetics involves developing an algorithmic philosophy, such as organic turbulence, and expressing that computational worldview through p5.js code to generate unique visual artifacts.

Can I make interactive artifacts for browsers using p5.js?▼

Yes, you can make interactive artifacts for browsers using p5.js. The skill creates self-contained HTML artifacts allowing immediate exploration where users interact with parameters to explore generative art variations.

Do I need to write JavaScript code to generate parametric art?▼

Yes, you need to write JavaScript code for the p5.js implementation to generate parametric art. The process requires creating a markdown file defining your algorithmic philosophy alongside the code.

How do I explore organic turbulence in generative art?▼

You explore organic turbulence in generative art by creating a philosophy markdown file, implementing the concept in p5.js code, and generating art that reflects the concept using different seeds and parameters.