seeded-art

generative p5 art seeded visual
by @iberry420image
Create original seeded p5.js generative art as a single self-contained HTML file. Use when the user wants algorithmic art, generative art, flow fields, particle systems, p5.js sketches, or interactive seeded visuals. Do not copy living artists.
IMAGES
SKILL DEFINITION
---
name: seeded-art
description: Create original seeded p5.js generative art as a single self-contained HTML file. Use when the user wants algorithmic art, generative art, flow fields, particle systems, p5.js sketches, or interactive seeded visuals. Do not copy living artists.
---

# Seeded Art

Make original generative art as a living algorithm, not a static picture.

Inspired by the public algorithmic-art skill in anthropics/skills. This remake drops vendor branding and ships a Grok-ready one-file viewer.

## When to use
- algorithmic art, generative art, p5, flow field, particles, seeded sketch
- "make an interactive art piece"
- User wants variations from a seed

## When NOT to use
- Recreate a living artist's style or a copyrighted work
- Photo editing, logo design, or brand kits
- User asked for a still image only and refused code

## Inputs
- A mood, subject, or constraint (optional; invent a movement if vague)
- Optional seed number
- Optional palette or motion preference

## Procedure
1. Refuse copies of living artists or trademarked characters. Offer an original movement instead.
2. Name a short algorithmic movement (1-2 words).
3. Write a 3-5 paragraph philosophy: process, forces, noise, particles, time, parameters. Beauty lives in the run, not one frame.
4. Deduce a quiet conceptual seed from the request. Weave it into parameters. Do not announce it in the UI.
5. Build one self-contained HTML file:
   - p5.js from cdnjs only
   - seeded randomSeed and noiseSeed
   - params object with seed plus 4-8 meaningful sliders
   - sidebar: seed display, prev/next/random/jump, parameter sliders, optional colors, regenerate, reset, download PNG
   - setup/draw (or noLoop) inline
   - same seed must reproduce the same image
6. Tune until it looks considered: hierarchy, palette, performance. Not random RGB soup.
7. Deliver the philosophy plus the HTML file. Do not claim it is a photo of a real person.

## Output format
1. Movement name
2. Philosophy (markdown)
3. One HTML file the user can open locally

Viewer requirements:
- No external files except the p5.js CDN
- Seed controls must work
- Download PNG must work
- ASCII labels, plain CSS, no emoji required

## Safety
- Original algorithms only. No cloned artist styles.
- No tracking scripts, no remote beacons, no eval of user secrets.
- CDN is p5.js only.
- If the user asks for CSAM, real-person deepfakes, or harm, refuse.

## Stop conditions
- Philosophy + working HTML delivered
- Or refused for copyright / safety
Version History
Comments (0)
No comments yet. Be the first!
Sign in to leave a comment.