Zum Hauptinhalt springen
Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Algorithmic Art

Skill Aktiv

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Zweck

To empower users to generate unique, interactive algorithmic art through a structured, philosophical, and code-based approach.

Funktionen

  • Generates algorithmic art using p5.js
  • Supports seeded randomness for reproducibility
  • Allows interactive parameter exploration via UI controls
  • Creates self-contained HTML artifacts with Anthropic branding
  • Guides users through creating an algorithmic philosophy

Anwendungsfälle

  • Creating generative art from code
  • Exploring flow fields and particle systems algorithmically
  • Generating unique visual art based on computational aesthetics
  • Designing interactive art pieces with tunable parameters

Nicht-Ziele

  • Creating static images directly
  • Copying existing artists' work
  • Providing a general-purpose code editor
  • Generating art without a defined algorithmic philosophy

Workflow

  1. Define an algorithmic philosophy (4-6 paragraphs) emphasizing computational processes, seeded randomness, and parametric variation.
  2. Implement the philosophy using p5.js, starting from the provided `viewer.html` template, customizing parameters and the core algorithm.
  3. Ensure the generated HTML artifact is self-contained, includes Anthropic branding, and offers interactive controls for parameters and seed navigation.
  4. Output the philosophy as a .md file and the interactive art as a single HTML file.

Praktiken

  • Algorithmic expression
  • Parameter exploration
  • Code craftsmanship
  • Reproducible generation

Trust

  • warning:Issues AttentionThere are 17 open issues and 4 closed issues in the last 90 days, indicating a closure rate below 50% and a significant number of open issues.

Installation

npx skills add davila7/claude-code-templates

Führt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.

Qualitätspunktzahl

95 /100
Analysiert 6 days ago

Vertrauenssignale

Letzter Commit7 days ago
Sterne27.2k
LizenzApache-2.0
Status
Quellcode ansehen