Fähigkeiten generative-art
🎨

generative-art

Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff⚡ Enthält Skripte

Create generative art with seeded randomness

Generative art creation requires artistic vision and technical skill. This skill helps you create unique, reproducible generative art using p5.js with parameter controls for exploration. You can create flow fields, recursive patterns, particle systems, and more.

Unterstützt: Claude Codex Code(CC)
📊 70 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "generative-art". Create a particle flow field with organic movement

Erwartetes Ergebnis:

  • Generates an interactive HTML artifact with 5000 particles following noise-driven flow fields
  • Particles leave trails creating organic density patterns
  • Adjustable parameters include particle count, noise scale, flow speed, and trail opacity
  • Seed navigation allows exploration of different variations
  • Colors can be customized using palette pickers

Verwendung von "generative-art". Design a recursive tree with golden ratio proportions

Erwartetes Ergebnis:

  • Creates a branching structure with recursive subdivision
  • Each branch follows golden ratio proportions with slight randomization
  • Line weights diminish with each recursion level
  • Color palette applies to branches with subtle variation
  • Seed control enables exploration of different tree variations

Verwendung von "generative-art". Build a circle packing visualization with relaxation

Erwartetes Ergebnis:

  • Generates randomized circles that pack without overlap
  • Relaxation algorithm refines positions over multiple iterations
  • Color based on circle size and position
  • Adjustable density and radius parameters
  • Download individual variations as PNG files

Sicherheitsaudit

Sicher
v5 • 1/16/2026

This is a legitimate generative art skill with zero security risks. All 61 static findings are false positives caused by pattern matching without semantic context. The skill creates browser-based p5.js artifacts using seeded randomness for reproducible art generation. No server-side code, file system access, or command execution capabilities exist.

5
Gescannte Dateien
1,660
Analysierte Zeilen
3
befunde
5
Gesamtzahl Audits

Risikofaktoren

⚙️ Externe Befehle (20)
README.md:7-14 README.md:14-31 README.md:31-42 README.md:42-60 SKILL.md:111 SKILL.md:138-143 SKILL.md:143-151 SKILL.md:151-163 SKILL.md:163-193 SKILL.md:193-203 SKILL.md:203-219 SKILL.md:219-227 SKILL.md:227-233 SKILL.md:233-280 SKILL.md:280-296 SKILL.md:296-299 SKILL.md:299-324 SKILL.md:324-337 SKILL.md:337-343 templates/generator_template.js:133
🌐 Netzwerkzugriff (6)
skill-report.json:6 SKILL.md:304 templates/viewer.html:33 templates/viewer.html:34 templates/viewer.html:35 templates/viewer.html:36
⚡ Enthält Skripte (1)
templates/generator_template.js:133
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
87
Inhalt
22
Community
100
Sicherheit
91
Spezifikationskonformität

Was du bauen kannst

Create unique generative pieces

Generate one-of-a-kind algorithmic art with full control over parameters and seeds for reproducibility.

Explore algorithmic aesthetics

Experiment with flow fields, particle systems, and recursive patterns for creative coding projects.

Demonstrate generative concepts

Show students how algorithmic processes create visual art with interactive parameter exploration.

Probiere diese Prompts

Simple flow field 
Create a flow field generative art piece with 5000 particles, subtle noise-based movement, and a warm color palette including orange and earth tones.
Recursive structure 
Generate recursive branching structures inspired by natural growth patterns. Use golden ratios, varied line weights, and a cool blue color palette.
Circle patterns 
Create circle packing or Voronoi tessellation generative art. Include adjustable density and relaxation parameters with earth tone colors.
Custom philosophy 
Create an original generative art piece based on this concept: [describe your concept]. First write an algorithmic philosophy document, then implement it with appropriate parameters.

Bewährte Verfahren

  • Use specific seed values to reproduce your favorite variations
  • Adjust one parameter at a time to understand how each affects the output
  • Start with conservative parameter values and gradually experiment

Vermeiden

  • Using excessively high particle counts may slow down the browser
  • Avoid very high noise scale values which can create chaotic patterns
  • Do not expect the same output from different seeds - each seed creates unique art

Häufig gestellte Fragen

What AI tools support this skill?
Works with Claude, Codex, and Claude Code. The skill generates HTML artifacts that run in any browser.
Can I use my own colors?
Yes. The generated art includes color pickers for palette customization. You can adjust colors in real-time.
How do I save my favorite variations?
Use the Download PNG button to save the current canvas. For reproducibility, note the seed number.
Is my data safe with this skill?
Yes. All code runs locally in your browser. No data is sent to external servers except loading p5.js from CDN.
Why does changing the seed create different art?
The skill uses seeded randomness. The same seed produces identical output. Different seeds create mathematically different but equally valid generative art.
How is this different from static image generation?
Generative art creates unique algorithmic outputs that can be explored interactively. Each run with a seed produces reproducible results you can modify and export.

Entwicklerdetails

Lizenz

MIT

Repository

https://github.com/Cam10001110101/claude-skills-base/tree/main/mnt/skills/examples/generative-art

Ref

main

Dateistruktur

📁 templates/

📄 generator_template.js

📄 viewer.html

📄 README.md

📄 SKILL.md