Creative Code Lab
Guide de référence pour l'art génératif : champs de flux, L-systèmes, shaders, texte de particules, art polaire.
Testé · Fonctionne
Ce que fait
Un catalogue de techniques et une compétence de référence de code pour le codage créatif : un arbre de décision mappant les ambiances visuelles aux algorithmes (champs de flux Perlin, L-systèmes, shaders WebGL, automates cellulaires, art polaire/paramétrique, scènes Three.js, transformations image-vers-art), plus des tableaux d'erreurs courantes et de performances. Se déclenche sur l'art génératif, les systèmes de particules, les shaders, les champs de flux, les graphiques procéduraux, ou les arrière-plans animés/sections principales.
Rapport de test
A exécuté un A/B réel : rebond de particules naïf de base vs la classe de champ de flux Perlin de la compétence avec fondu de traînée, mappage de couleur HSL, et gestion du ratio de pixels de l'appareil/redimensionnement — code et étendue technique visiblement plus organisés, bien que le 'noise2D' inline de la compétence soit un simple hash (pas du vrai Perlin), qu'elle signale honnêtement comme 'pour la production, utilisez une vraie bibliothèque de bruit' plutôt que de survendre.
Testé le: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/sacredvoid/skillkit mkdir -p ~/.claude/skills cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab
Commandes et exemples de prompts
/creative-code-labGuide de référence pour l'art génératif : champs de flux, L-systèmes, shaders, texte de particules, art polaire.
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) :
Build an animated flow-field particle background for my hero sectionShow me how to code an L-system tree with a decent shaderI want a generative art canvas background, organic and flowing