Algorithmic Art

Bygger seedad generativ p5.js-konst med reglage i en enda varumärkesanpassad, fristående interaktiv HTML-fil.

av ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Testad · Fungerar ★ 9.6/10

Algorithmic Art — Bygger seedad generativ p5.js-konst med reglage i en enda varumärkesanpassad, fristående interaktiv HTML-fil.

Vad den gör

Algorithmic Art låter Claude först skriva en kort 'algoritmisk filosofi' för en generativ konstriktning, och sedan uttrycka den som en p5.js-skiss med seedad slumpmässighet och justerbara parametrar, levererad via en fast Anthropic-varumärkesanpassad visningsmall med seed-navigering, reglage och PNG-export. Använd den när en användare ber om generativ konst, flödesfält, partikelsystem eller algoritmisk/kodbaserad konst snarare än en statisk bild.

Testrapport

templates/viewer.html levereras med en fullt kopplad Anthropic-varumärkesanpassad seed-navigator (prev/next/random/jump, parameterreglage, PNG-nedladdning) som skillen tvingar varje skiss igenom, vilket gör resultatet konsekvent rikare och mer reproducerbart än en ad hoc p5.js-skiss skriven från grunden.

Testad: 2026-07-13 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/ThinkInAIXYZ/deepchat
cd deepchat
mkdir -p ~/.claude/skills
cp -r resources/skills/algorithmic-art ~/.claude/skills/algorithmic-art

Kommandon och exempelprompter

  • /algorithmic-artBygger seedad generativ p5.js-konst med reglage i en enda varumärkesanpassad, fristående interaktiv HTML-fil.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • Make me a generative art piece with p5.js and seeded randomness
  • Create an interactive flow field art sketch I can tweak with sliders
  • Generate some algorithmic particle system art as a self-contained html file