83.3K+Scarica
Vai alla guida all’uso
algorithmic-artdi Anthropic

Algorithmic Art Skill.

Una skill per Claude Code e Codex per il lavoro con le immagini: arte generativa con p5.js: particelle basate su seed, campi di flusso e parametri regolabili.

  • Immagini e arte generativa
  • Arte generativa
Scarica OpenDesignGuida all'uso
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
Metadati iniziali e intestazioni di sezione letti dal file upstream il 14-09-2026 · 19.735 caratteri per intero

01 Cosa fa

Cosa fa la Skill algorithmic-art in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Questa skill crea arte algoritmica originale con p5.js attraverso un processo in due fasi: prima definisce una filosofia algoritmica (un movimento estetico computazionale espresso in un manifesto markdown), poi la implementa come artefatto HTML interattivo autocontenuto. Ogni opera usa una casualità con seed per la riproducibilità, permettendo agli utenti di navigare tra le varianti tramite i controlli del seed.

La skill punta su comportamento emergente, bellezza matematica e variazione parametrica: costruire algoritmi vivi invece di immagini statiche. L'output comprende un documento filosofico di 4-6 paragrafi e un unico file HTML con codice p5.js incorporato, slider dei parametri e UI con branding Anthropic, pronto a funzionare subito nei browser o negli artefatti di claude.ai.

Che cosa produce

  • Filosofia algoritmica come file markdown che dà un nome al movimento e articola come si manifesta attraverso processi computazionali in 4-6 paragrafi
  • Un unico artefatto HTML autocontenuto con algoritmo p5.js incorporato, controlli dei parametri, navigazione per seed e UI con branding Anthropic, che funziona immediatamente nei browser o su claude.ai
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Creare la filosofia algoritmica

    Scrivere un manifesto di 4-6 paragrafi che dia un nome a un movimento di arte generativa e descriva come si manifesta attraverso processi computazionali, funzioni di rumore, comportamenti di particelle e complessità emergente.

  2. 02
    Dedurre il seed concettuale

    Prima di scrivere il codice, individuare un sottile filo concettuale nella richiesta originale da incorporare come DNA invisibile nell'algoritmo: un riferimento sofisticato che chi è del settore percepisce d'istinto, mentre gli altri vivono pura bellezza generativa.

  3. 03
    Costruire dal template viewer

    Leggere templates/viewer.html e usarlo come punto di partenza letterale.

  4. 04
    Implementare l'algoritmo con seed

    Esprimere la filosofia tramite codice p5.js usando la casualità con seed (randomSeed e noiseSeed), così che lo stesso seed produca sempre un output identico.

  5. 05
    Progettare parametri regolabili

    Creare parametri che emergono dalla filosofia algoritmica chiedendosi quali qualità del sistema si possono regolare — quantità, scale, probabilità, rapporti, angoli o soglie — invece di ragionare per tipi di pattern.

  6. 06
    Restituire un unico artefatto

    Produrre un file HTML autocontenuto con p5.js da CDN, l'algoritmo, i controlli dei parametri e la UI con branding Anthropic inline.

02 Trova la tua applicazione

Quando utilizzare la skill algorithmic-art

Utilizzare la skill algorithmic-art in Claude Code o Codex quando il lavoro riguarda questo tipo di immagini. Applicabilità e limiti di seguito sono tratti dal file della skill stessa.

Buona applicazione

  • Utenti che chiedono arte generativa, arte algoritmica, flow field o sistemi di particelle creati tramite codice
  • Creare algoritmi vivi che a ogni esecuzione producono output unici grazie a comportamento emergente e caos controllato
  • Esplorare variazioni parametriche tramite controlli interattivi e navigazione per seed, per scoprire sfaccettature diverse del potenziale di un algoritmo

Conosci i limiti

  • Copiare il lavoro di artisti esistenti, cosa che violerebbe il copyright
  • Creare immagini statiche o template invece di processi computazionali con comportamento emergente
  • Opere che non possono essere espresse tramite casualità determinata dal seed, campi di rumore, particelle, flussi o relazioni matematiche

Cosa fornire

  • Richiesta o istruzioni dell'utenteInput sottile che la skill usa come base senza limitare la libertà creativa.

03 Dentro la skill

Regole che la skill algorithmic-art fornisce a Claude Code e Codex

5 istruzioni concrete, valori predefiniti e limiti che SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

  1. La filosofia guida l'implementazione

    La filosofia algoritmica determina ciò che si costruisce.

  2. Partire dal template viewer.html

    Prima di scrivere qualsiasi HTML, legga templates/viewer.html con lo strumento Read e usi quel file come punto di partenza letterale.

  3. Sottolineare più volte la maestria artigianale

    La filosofia deve sottolineare più volte che l'algoritmo finale deve apparire meticolosamente costruito, rifinito attraverso innumerevoli iterazioni, frutto di una profonda competenza computazionale di qualcuno che sta ai massimi livelli del proprio campo.

  4. Inserire il filo concettuale con discrezione

    Il riferimento concettuale della richiesta originale deve essere così raffinato da accrescere la profondità senza annunciarsi — come un musicista jazz che cita un altro brano attraverso un'armonia algoritmica.

  5. Filosofie da quattro a sei paragrafi

    La filosofia algoritmica deve essere lunga 4-6 paragrafi sostanziali, che esprimano come il movimento si manifesta attraverso processi computazionali, funzioni di rumore, comportamenti delle particelle, evoluzione temporale e variazione parametrica.

04 Mettila al lavoro

Installa algorithmic-art in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi algorithmic-art a Claude Code, Codex o il tuo agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

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

Forma CLI generica skills per skills/algorithmic-art/SKILL.md; il repository può documentare il proprio percorso.

Assegna alla Skill un primo compito di lavoro con immagini

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

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.

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

  • Verifichi che lo stesso seed produca ogni volta un output identico testando la navigazione tra i seed (pulsanti precedente/successivo) e confermando la riproducibilità visiva
  • Confermi che l'artefatto HTML funzioni subito in claude.ai o in qualsiasi browser, senza richiedere file esterni, configurazione o un server
  • Controlli che tutti gli slider dei parametri aggiornino l'opera in tempo reale e che il pulsante di reset ripristini i valori predefiniti
  • Assicuri che l'artefatto utilizzi la struttura di layout esatta, il branding Anthropic (font Poppins/Lora, colori chiari, sfondo sfumato) e l'organizzazione della barra laterale di templates/viewer.html
  • Provi che i controlli dei seed funzionino correttamente: visualizzazione del seed corrente, i pulsanti precedente/successivo scorrono i seed, il pulsante casuale genera un nuovo seed e il campo salta-al-seed naviga verso seed specifici
  • Verifichi che l'algoritmo esprima la filosofia invece di copiare un pattern generico, con una maestria che risulti meticolosamente rifinita

In OpenDesign algorithmic-art è inclusa: Plugins → Skills, la si seleziona dalla barra superiore.

Scarica OpenDesignLeggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author
Anthropic
Repository
github.com/anthropics/skills Branch main
File della skill
skills/algorithmic-art/SKILL.md Checksum del contenuto registrato alla verifica; commit 34040c9
License
Apache-2.0 Da skills/algorithmic-art/LICENSE.txt; SKILL.md dice «Termini completi in LICENSE.txt».
Stelle del repository
176.183 Istantanea GitHub acquisita il 14/09/2026 per l'intero repository anthropics/skills, che contiene 7 skill in questo catalogo. Non è una valutazione né un conteggio di utilizzo per algorithmic-art.
Verificato da OpenDesign
14 settembre 2026 Il file sorgente, il percorso, il testo della licenza e il conteggio delle stelle sono stati verificati. Incluso nella build principale di OpenDesign (verificato il 28 agosto 2026); non è stata registrata un'esecuzione live su questa pagina.

All'interno di SKILL.md

  1. CREAZIONE DELLA FILOSOFIA ALGORITMICAIstruzioni per scrivere un manifesto di 4-6 paragrafi che definisce un movimento estetico computazionale con comportamento emergente
  2. IL CONCETTO CHIAVEChiarisce che la skill riceve l'input dell'utente come fondamento, crea una filosofia e poi la esprime algoritmicamente nel codice
  3. COME GENERARE UNA FILOSOFIA ALGORITMICAPassaggi per dare un nome al movimento e articolare come si manifesta attraverso processi computazionali, con enfasi sulla maestria esecutiva
  4. ESEMPI DI FILOSOFIACinque esempi condensati che mostrano i nomi dei movimenti e come si esprimono algoritmicamente: Organic Turbulence, Quantum Harmonics, Recursive Whispers, Field Dynamics, Stochastic Crystallization
  5. PRINCIPI ESSENZIALIPrincipi fondamentali: il processo prima del prodotto, espressione parametrica, libertà artistica, arte puramente generativa, maestria esecutiva
  6. DEDURRE IL SEME CONCETTUALECome individuare un filo concettuale sottile nella richiesta da incorporare in modo invisibile nell'algoritmo
  7. IMPLEMENTAZIONE IN P5.JSIstruzioni tecniche per esprimere la filosofia attraverso il codice p5.js con casualità seedata e parametri
  8. PASSAGGIO 0: LEGGERE PRIMA IL TEMPLATEPassaggio obbligatorio per leggere templates/viewer.html e usarlo come punto di partenza letterale prima di scrivere l'HTML
  9. REQUISITI TECNICISchema di casualità seedata, linee guida sulla struttura dei parametri e come lasciare che la filosofia determini le scelte dell'algoritmo
  10. REQUISITI DI MAESTRIA ESECUTIVAStandard per equilibrio, armonia cromatica, composizione, prestazioni e riproducibilità nell'algoritmo finale
  11. FORMATO DI OUTPUTSpecifica di produrre la filosofia in markdown e un singolo artefatto HTML autonomo costruito dal template
  12. CREAZIONE DI ARTEFATTI INTERATTIVIIstruzioni dettagliate su cosa è fisso e cosa è variabile nel template e su come costruire la barra laterale
Descrizione della skill
Creazione di arte algoritmica utilizzando p5.js con casualità basata su seed ed esplorazione interattiva dei parametri. Utilizzare quando gli utenti richiedono la creazione di arte tramite codice, arte generativa, arte algoritmica, campi di flusso o sistemi di particelle. Creare arte algoritmica originale anziché copiare opere di artisti esistenti per evitare violazioni del copyright.

Descrizione front-matter da SKILL.md. Il file completo è di circa 19.735 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sulla skill algorithmic-art

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

Cosa produce la skill?

La skill produce due file: un documento markdown contenente la filosofia algoritmica di 4-6 paragrafi e un singolo artefatto HTML autonomo con codice p5.js incorporato, controlli dei parametri e interfaccia con il brand Anthropic. L'HTML funziona immediatamente in claude.ai o in qualsiasi browser, senza dipendenze esterne.

Arte algoritmica

Eseguire algorithmic-art su un compito reale di lavoro con le immagini.

La skill algorithmic-art è integrata in OpenDesign. Scarica l'app, seleziona la skill in Plugins → Skills, incolla il prompt qui sopra e leggi il piano prima del risultato.

Scarica OpenDesignEsplora tutte le skill
Terminale
npx skills add https://github.com/anthropics/skills --skill algorithmic-art