skills.rest
makerjackie
makerjackieCOMMUNITY
Explore all skills by this author →
𝕏@maker_jackieGitHub

algorithmic-art

Generate reproducible seeded p5.js generative art in single-file HTML viewers.

1|Updated Feb 20, 2026
Search Tags:#p5.js#parameters#generative-art#seeded-randomness#flow-field#algorithmic-philosophy#interactive-viewer
One-click install
npx skills add https://github.com/makerjackie/jackie-skills-starter --skill algorithmic-art-makerjackie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/makerjackie/jackie-skills-starter/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/makerjackie/jackie-skills-starter --skill algorithmic-art-makerjackie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of turning a generative aesthetic idea into a reproducible, interactive p5.js artifact by providing a clear algorithmic philosophy and strict implementation guidance so artists and engineers can produce gallery-quality, seedable outputs that reproduce exactly across runs.

Core Features & Use Cases

  • Algorithmic Philosophy Authoring: Produce a 4–6 paragraph manifesto that frames the generative approach, constraints, and conceptual seed for the final implementation.
  • Template-led p5.js Implementation: Create a single-file, self-contained HTML viewer starting from templates/viewer.html, preserving fixed Anthropic UI and seed controls while replacing the p5.js algorithm and parameter UI.
  • Seeded, Reproducible Generation: Enforce seeded randomness (randomSeed, noiseSeed) and provide UI for Prev/Next/Random/Jump seed navigation, export, and reset.
  • Interactive Parameter Controls: Expose tunable parameters (counts, scales, probabilities, colors) with real-time sliders and color pickers for exploration and fine-tuning.
  • Use Cases: Rapidly produce variations for generative series, create interactive art artifacts for presentations, or teach algorithmic aesthetics with reproducible examples.

Quick Start

Ask the skill to write a 4–6 paragraph algorithmic philosophy and then generate a self-contained p5.js HTML viewer based on templates/viewer.html using seed 12345.

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

Reproducible generative art in p5.js requires applying randomSeed and noiseSeed to enforce deterministic randomness. This skill generates a self-contained HTML viewer with built-in seed navigation controls, ensuring exact cross-run reproduction of your algorithmic artwork.

What is an algorithmic philosophy for generative artwork?▼

An algorithmic philosophy is a 4–6 paragraph manifesto framing the conceptual seed and aesthetic constraints. This skill authors this philosophy to guide the p5.js implementation, ensuring the final interactive viewer aligns with your artistic intent and generative constraints.

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

Adding interactive parameter controls involves exposing tunable variables like counts, scales, probabilities, and colors through real-time UI sliders. This skill embeds these controls directly into the exported single-file HTML viewer for real-time exploration of flow field algorithms.

Can I export a self-contained HTML viewer for seeded algorithmic art?▼

Yes, you can export a self-contained HTML viewer for seeded algorithmic art. This skill uses a template-led p5.js implementation to produce a single-file HTML artifact preserving fixed UI controls, seed navigation, and parameter sliders without external dependencies.

Does this approach support seeded random generation for generative art series?▼

Yes, this approach supports seeded random generation for generative art series. It enforces seeded randomness and provides Prev/Next/Random/Jump seed navigation in the UI, allowing you to rapidly produce deterministic variations for presentations or gallery-quality outputs.

Related Skills

Explore More Design & Creative Skills→
magicpro97magicpro97
8

algorithmic-art

Create p5.js generative art with an algorithmic philosophy and adjustable parameters.

Community
Advanced
leexb-wp21-progleexb-wp21-prog

algorithmic-art

Generate seeded p5.js interactive HTML generative artwork from creative direction.

Community
Advanced
brittaniebuffiecsubrittaniebuffiecsu
1

p5js

Generate interactive and generative visual art with p5.js.

Community
Advanced
rakibulismrakibulism
2

algorithmic-art

Create seeded generative art concepts with interactive p5.js HTML viewers.

Community
Advanced