Design & visuel
Art par le Code
/art-par-le-code
Ce qu’il fait
Claude crée de l'art génératif (des visuels produits par un algorithme plutôt que dessinés à la main) en utilisant p5.js, une bibliothèque JavaScript (un ensemble de fonctions de programmation) spécialisée dans l'art visuel interactif. Il commence par définir une philosophie créative — un mouvement artistique algorithmique imaginaire — puis traduit cette vision en code qui génère des animations de particules, des champs de flux ou des systèmes organiques. Chaque œuvre est unique et interactive.
Quand l’utiliser
Quand tu veux créer une illustration animée originale, un fond d'écran génératif ou une expérience visuelle interactive pour un site ou une présentation.
Un exemple concret
Tu veux un visuel animé unique pour la page d'accueil de ton site — quelque chose qu'on ne trouve nulle part ailleurs et qui reflète ton univers créatif.
- Philosophie créative : « Turbulence Organique » — le chaos naturel contraint par des lois mathématiques.
- Fichier `index.html` : visionneuse interactive avec curseurs de paramètres (vitesse, densité, couleur).
- Fichier `art.js` : 850 lignes d'algorithme — 5 000 particules suivant des champs de vecteurs bruités.
- Paramètre graine (seed) : chaque graine génère une variation unique mais cohérente avec la philosophie.
- Export : capture PNG 2000×2000 de la frame sélectionnée.
Tu obtiens un fichier HTML interactif que tu ouvres dans ton navigateur, avec des curseurs pour ajuster les paramètres et exporter ta variation préférée en image.
Comment l’installer
Colle ces deux lignes dans Claude Code, puis lance le skill avec /art-par-le-code.
/plugin marketplace add ismax-ai/claude-code-skills-fr
/plugin install ismax-skills-fr@ismax
/art-par-le-codeSkill open-source de anthropics, sous licence Apache-2.0. Voir la source d’origine. Je l’ai sélectionné, traduit et adapté en français pour la bibliothèque.
Tu débutes avec Claude Code ?
J’ai écrit un guide de démarrage qui t’explique, pas à pas, ce qu’est un skill, comment installer la bibliothèque et faire tes premiers pas.
Lire le guide de démarrage
L’IA pour les Débutants · SubstackLa marketplace de skills Claude Code gratuits (en français)Lire sur Substack →