83.3K+Télécharger
Aller au guide d’utilisation
algorithmic-artpar Anthropic

Algorithmic Art Skill.

Un skill Claude Code et Codex pour le travail d'image : art génératif avec p5.js : particules à graine, champs de flux et paramètres ajustables.

  • Images et art génératif
  • Art génératif
Télécharger OpenDesignVoir le guide d'utilisation
anthropics/skills · skills/algorithmic-art/SKILL.mdSKILL.md
--- name: algorithmic-art description: Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations. --- ## ALGORITHMIC PHILOSOPHY CREATION ## DEDUCING THE CONCEPTUAL SEED ## P5.JS IMPLEMENTATION ## INTERACTIVE ARTIFACT CREATION ## VARIATIONS & EXPLORATION ## THE CREATIVE PROCESS
En-tête et titres de section lus depuis le fichier source le 14 septembre 2026 · 19 735 caractères au total

01 Ce qu'il fait

Ce que fait le skill algorithmic-art dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Ce skill crée de l'art algorithmique original avec p5.js selon un processus en deux étapes : d'abord définir une philosophie algorithmique (un mouvement esthétique computationnel exprimé dans un manifeste markdown), puis l'implémenter sous forme d'un artefact HTML interactif autonome. Chaque œuvre utilise une randomisation à graine pour garantir la reproductibilité, ce qui permet de parcourir les variations via des contrôles de graine.

Le skill privilégie le comportement émergent, la beauté mathématique et la variation paramétrique — il s'agit de construire des algorithmes vivants plutôt que des images statiques. Le résultat comprend un document de philosophie en 4 à 6 paragraphes et un fichier HTML unique intégrant le code p5.js, des curseurs de paramètres et une interface aux couleurs d'Anthropic, prêt à s'exécuter immédiatement dans un navigateur ou dans claude.ai.

Ce qu'il produit

  • La philosophie algorithmique sous forme de fichier markdown nommant le mouvement et expliquant, en 4 à 6 paragraphes, comment il se manifeste à travers des processus computationnels
  • Un artefact HTML autonome unique intégrant l'algorithme p5.js, les contrôles de paramètres, la navigation par graine et une interface aux couleurs d'Anthropic, fonctionnel immédiatement dans les navigateurs ou dans claude.ai
Voir l'exemple de prompt ↗

Fonctionnement

  1. 01
    Créer la philosophie algorithmique

    Rédigez un manifeste de 4 à 6 paragraphes nommant un mouvement d'art génératif et décrivant comment il se manifeste à travers des processus computationnels, des fonctions de bruit, des comportements de particules et une complexité émergente.

  2. 02
    Déduire la graine conceptuelle

    Avant de coder, identifiez un fil conceptuel subtil dans la demande d'origine afin de l'intégrer comme un ADN invisible dans l'algorithme — une référence sophistiquée que les initiés ressentent intuitivement, tandis que les autres perçoivent une pure beauté générative.

  3. 03
    Construire à partir du modèle de visionneuse

    Lisez templates/viewer.html et utilisez-le comme point de départ littéral.

  4. 04
    Implémenter l'algorithme à graine

    Exprimez la philosophie dans du code p5.js en utilisant une randomisation à graine (randomSeed et noiseSeed) pour qu'une même graine produise toujours un résultat identique.

  5. 05
    Concevoir des paramètres ajustables

    Créez des paramètres qui découlent de la philosophie algorithmique en vous demandant quelles qualités du système peuvent être ajustées — quantités, échelles, probabilités, ratios, angles ou seuils — plutôt qu'en raisonnant en types de motifs.

  6. 06
    Produire un artefact unique

    Produisez un fichier HTML autonome avec p5.js chargé depuis un CDN, l'algorithme, les contrôles de paramètres et l'interface aux couleurs d'Anthropic intégrés en ligne.

02 Trouvez celui qui vous convient

Quand utiliser le skill algorithmic-art

Utiliser le skill algorithmic-art dans Claude Code ou Codex lorsque la tâche est un travail d'image de ce type. Les limites et le périmètre ci-dessous proviennent du fichier du skill lui-même.

Bon choix

  • Utilisateurs demandant de l'art génératif, de l'art algorithmique, des champs de flux ou des systèmes de particules créés par du code
  • Créer des algorithmes vivants qui produisent un résultat unique à chaque exécution grâce au comportement émergent et à un chaos maîtrisé
  • Explorer des variations paramétriques via des contrôles interactifs et une navigation par graine pour découvrir les différentes facettes du potentiel d'un algorithme

Connaître les limites

  • Copier le travail d'artistes existants, ce qui violerait le droit d'auteur
  • Créer des images statiques ou des modèles au lieu de processus computationnels au comportement émergent
  • Des œuvres qui ne peuvent s'exprimer par le hasard de graine, les champs de bruit, les particules, les flux ou les relations mathématiques

Quoi fournir

  • Demande ou instructions de l'utilisateurUne entrée discrète que le skill utilise comme fondation sans contraindre la liberté créative.

03 Dans le skill

Les règles que le skill algorithmic-art donne à Claude Code et Codex

5 instructions concrètes, valeurs par défaut et limites que SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

  1. La philosophie pilote l'implémentation

    La philosophie algorithmique dicte ce qu'il faut construire.

  2. Partir du modèle viewer.html

    Avant d'écrire le moindre HTML, lisez templates/viewer.html avec l'outil Read et prenez ce fichier comme point de départ littéral.

  3. Insister à plusieurs reprises sur le savoir-faire expert

    La philosophie doit souligner à plusieurs reprises que l'algorithme final doit sembler méticuleusement travaillé, affiné au fil d'innombrables itérations, le produit d'une expertise computationnelle profonde, celle d'une personne au sommet absolu de son domaine.

  4. Intégrer subtilement le fil conceptuel

    La référence conceptuelle issue de la demande d'origine doit être si affinée qu'elle ajoute de la profondeur sans s'annoncer — comme un musicien de jazz citant un autre morceau par l'harmonie algorithmique.

  5. Des philosophies de quatre à six paragraphes

    La philosophie algorithmique doit compter 4 à 6 paragraphes substantiels, exposant comment le mouvement se manifeste à travers des processus computationnels, des fonctions de bruit, des comportements de particules, une évolution temporelle et une variation paramétrique.

04 Mettez-le en pratique

Installer algorithmic-art dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter algorithmic-art à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art

Forme générique de la CLI skills pour skills/algorithmic-art/SKILL.md ; le dépôt peut documenter son propre chemin.

Donnez au Skill une première tâche de travail d'image

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

Starter prompt
Create algorithmic art inspired by the way mycelium networks communicate through chemical signals underground. I want something that feels organic and interconnected, with growth patterns that emerge over time. Use earthy tones and make the parameters tunable so I can explore different colony behaviors.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

  • Vérifiez que la même graine produit une sortie identique à chaque fois en testant la navigation entre les graines (boutons précédent/suivant) et en confirmant la reproductibilité visuelle
  • Confirmez que l'artefact HTML fonctionne immédiatement dans claude.ai ou dans n'importe quel navigateur, sans fichiers externes, configuration ni serveur
  • Vérifiez que tous les curseurs de paramètres mettent l'œuvre à jour en temps réel et que le bouton de réinitialisation restaure les valeurs par défaut
  • Assurez-vous que l'artefact reprend exactement la structure de mise en page, l'identité Anthropic (polices Poppins/Lora, couleurs claires, fond dégradé) et l'organisation de la barre latérale du fichier templates/viewer.html
  • Testez le bon fonctionnement des contrôles de graine : affichage de la graine actuelle, boutons précédent/suivant qui font défiler les graines, bouton aléatoire qui génère une nouvelle graine, et champ de saisie permettant d'atteindre une graine précise
  • Vérifiez que l'algorithme exprime la philosophie plutôt que de copier un motif générique, avec un savoir-faire qui semble méticuleusement affiné

Dans OpenDesign, algorithmic-art est intégré : Plugins → Skills, sélectionnez-le dans la barre supérieure.

Télécharger OpenDesignLire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author
Anthropic
Repository
github.com/anthropics/skills Branche main
Fichier du skill
skills/algorithmic-art/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 34040c9
License
Apache-2.0 De skills/algorithmic-art/LICENSE.txt ; SKILL.md indique « Conditions complètes dans LICENSE.txt ».
Étoiles du dépôt
176 183 Instantané GitHub pris le 14/09/2026 pour l'ensemble du dépôt anthropics/skills, qui contient 7 skills dans ce catalogue. Ce n'est pas une note ou un compteur d'utilisation pour algorithmic-art.
Vérifié par OpenDesign
14/09/2026 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Inclus dans OpenDesign main (vérifié le 28/08/2026) ; aucune exécution en direct n'a été enregistrée sur cette page.

Dans le SKILL.md

  1. CRÉATION DE LA PHILOSOPHIE ALGORITHMIQUEInstructions pour rédiger un manifeste de 4 à 6 paragraphes définissant un mouvement esthétique computationnel au comportement émergent
  2. LA COMPRÉHENSION DÉTERMINANTEPrécise que le skill reçoit la saisie de l'utilisateur comme fondement, crée une philosophie, puis l'exprime algorithmiquement en code
  3. COMMENT GÉNÉRER UNE PHILOSOPHIE ALGORITHMIQUEÉtapes pour nommer le mouvement et formuler la manière dont il se manifeste à travers des processus computationnels, avec un accent sur l'artisanat
  4. EXEMPLES DE PHILOSOPHIECinq exemples condensés présentant des noms de mouvements et leur expression algorithmique : Organic Turbulence, Quantum Harmonics, Recursive Whispers, Field Dynamics, Stochastic Crystallization
  5. PRINCIPES ESSENTIELSPrincipes fondamentaux : le processus avant le produit, l'expression paramétrique, la liberté artistique, l'art génératif pur, l'artisanat expert
  6. DÉDUIRE LA GRAINE CONCEPTUELLEComment repérer dans la demande un fil conceptuel subtil à intégrer de façon invisible dans l'algorithme
  7. MISE EN ŒUVRE P5.JSInstructions techniques pour exprimer la philosophie à travers du code p5.js avec randomisation seedée et paramètres
  8. ÉTAPE 0 : LIRE D'ABORD LE TEMPLATEÉtape obligatoire consistant à lire templates/viewer.html et à l'utiliser comme point de départ littéral avant d'écrire le HTML
  9. EXIGENCES TECHNIQUESSchéma de randomisation seedée, principes de structuration des paramètres, et comment laisser la philosophie dicter les choix d'algorithme
  10. EXIGENCES D'ARTISANATNormes d'équilibre, d'harmonie chromatique, de composition, de performance et de reproductibilité dans l'algorithme final
  11. FORMAT DE SORTIEPrécise la production de la philosophie en markdown et d'un artefact HTML unique et autonome construit à partir du template
  12. CRÉATION D'ARTEFACT INTERACTIFInstructions détaillées sur ce qui est fixe et ce qui est variable dans le template, et sur la construction de la barre latérale
Description du skill lui-même
« Créer de l'art algorithmique en utilisant p5.js avec aléatoire ensemencé et exploration interactive de paramètres. Utilisez ceci lorsque les utilisateurs demandent de créer de l'art à l'aide de code, de l'art génératif, de l'art algorithmique, des champs de flux ou des systèmes de particules. Créez de l'art algorithmique original plutôt que de copier le travail d'artistes existants afin d'éviter les violations de droits d'auteur. »

Description du front-matter de SKILL.md. Le fichier complet fait environ 19 735 caractères. Lire le fichier complet sur GitHub.

06 Avant d'installer

Questions sur le skill algorithmic-art

Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

Que produit le skill ?

Le skill produit deux fichiers : un document markdown contenant la philosophie algorithmique en 4 à 6 paragraphes, et un artefact HTML unique et autonome avec du code p5.js intégré, des contrôles de paramètres et une interface aux couleurs d'Anthropic. Le HTML fonctionne immédiatement dans claude.ai ou dans n'importe quel navigateur, sans dépendance externe.

Art algorithmique

Exécuter algorithmic-art sur une tâche réelle de travail d'image.

Le skill algorithmic-art est inclus dans OpenDesign. Téléchargez l'application, choisissez le skill dans Plugins → Skills, collez l'invite ci-dessus et lisez le plan avant le résultat.

Télécharger OpenDesignParcourir tous les skills
Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art