Algorithmic Art

Génère de l'art génératif p5.js à graine fixe avec curseurs, dans un seul fichier HTML interactif autonome à l'identité de marque.

par ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Testé · Fonctionne ★ 9.6/10

Algorithmic Art — Génère de l'art génératif p5.js à graine fixe avec curseurs, dans un seul fichier HTML interactif autonome à l'identité de marque.

Ce que fait

Algorithmic Art fait d'abord écrire à Claude une courte « philosophie algorithmique » pour un mouvement d'art génératif, puis la traduit en sketch p5.js avec aléatoire à graine fixe et paramètres ajustables, livré via un template de visionneuse à l'identité Anthropic fixe avec navigation par graine, curseurs et export PNG. À utiliser quand l'utilisateur demande de l'art génératif, des flow fields, des systèmes de particules, ou de l'art algorithmique/basé code plutôt qu'une image statique.

Rapport de test

templates/viewer.html embarque un navigateur de graines à l'identité Anthropic entièrement câblé (prev/next/random/jump, curseurs de paramètres, téléchargement PNG) par lequel le skill fait passer chaque sketch, ce qui rend le résultat systématiquement plus riche et plus reproductible qu'un sketch p5.js écrit à la main.

Testé le: 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

Commandes et exemples de prompts

  • /algorithmic-artGénère de l'art génératif p5.js à graine fixe avec curseurs, dans un seul fichier HTML interactif autonome à l'identité de marque.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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