/skillDesignGRATUITNOUVEAU

Art algorithmique en p5.js

Art algorithmique en p5.js — rendu d’exemple (Claude)
aperçu du rendu

À quoi ça sert

Pour produire des compositions génératives — champs de flux, systèmes de particules, motifs — pilotées par du code p5.js. Chaque rendu part d’une graine (seed) qui rend le résultat reproductible, et des paramètres ajustables permettent d’explorer des variations sans repartir de zéro.

Aperçu

/skill · arborescence de fichiersaperçu complet
algorithmic-art/
├─ SKILL.md
├─ LICENSE.txt  (Apache 2.0)
└─ templates/
   ├─ generator_template.js
   └─ viewer.html

Pourquoi ce skill fonctionne

Elle apporte à Claude les motifs et les techniques de l’art génératif en p5.js — bruit, champs de vecteurs, systèmes de particules. Sans elle, on obtient un canevas qui compile mais dont le rendu est plat, parce que la difficulté n’est pas le code mais le vocabulaire visuel. Publiée par Anthropic sous licence Apache 2.0, redistribuée avec attribution.

Erreurs fréquentes

  • Demander « quelque chose de joli ». Nommez une technique et une palette, c’est là que se joue le résultat.
  • Oublier de fixer une graine aléatoire si vous voulez pouvoir reproduire un rendu qui vous plaît.

Exemple de résultat

Un sketch p5.js paramétrable : champ de flux coloré, graine 42, export PNG haute résolution.

Dans la même catégorie

Direction visuelle d’interface — illustration/skill
Design
GRATUITNOUVEAU

Direction visuelle d’interface

Des choix d’UI intentionnels, loin des réglages par défaut génériques.

gratuit
GIF animés pour Slack — rendu d’exemple (Claude)/skill
Design
GRATUITNOUVEAU

GIF animés pour Slack

Fabrique des GIF animés optimisés pour Slack, contraintes respectées.

gratuit