83.3K+Baixar
Ir para o guia de uso
algorithmic-artpor Anthropic

Algorithmic Art Skill.

Uma skill do Claude Code e Codex para trabalho com imagens: arte generativa com p5.js: partículas com seed, campos de fluxo e parâmetros ajustáveis.

  • Imagens e Arte Generativa
  • Arte generativa
Baixar OpenDesignVer guia de 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
Metadados e títulos de seção lidos do arquivo upstream em 2026-09-14 · 19.735 caracteres no total

01 O que faz

O que o skill algorithmic-art faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Este skill cria arte algorítmica original usando p5.js por meio de um processo em duas etapas: primeiro define uma filosofia algorítmica (um movimento estético computacional expresso em um manifesto markdown) e depois a implementa como um artefato HTML interativo autocontido. Cada obra usa aleatoriedade com semente (seed) para garantir reprodutibilidade, permitindo que os usuários naveguem por variações com controles de semente.

O skill enfatiza comportamento emergente, beleza matemática e variação paramétrica — construindo algoritmos vivos em vez de imagens estáticas. A saída inclui um documento de filosofia de 4 a 6 parágrafos e um único arquivo HTML com código p5.js embutido, controles deslizantes de parâmetros e interface com a marca Anthropic, pronto para rodar imediatamente em navegadores ou em artefatos do claude.ai.

O que ele produz

  • Filosofia algorítmica como um arquivo markdown que nomeia o movimento e articula como ele se manifesta por meio de processos computacionais, em 4 a 6 parágrafos
  • Artefato HTML único e autocontido com algoritmo p5.js embutido, controles de parâmetros, navegação por sementes e interface com a marca Anthropic, que funciona imediatamente em navegadores ou no claude.ai
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Criar filosofia algorítmica

    Escreva um manifesto de 4 a 6 parágrafos nomeando um movimento de arte generativa e descrevendo como ele se manifesta por meio de processos computacionais, funções de ruído, comportamentos de partículas e complexidade emergente.

  2. 02
    Deduzir a semente conceitual

    Antes de programar, identifique um fio conceitual sutil na solicitação original para incorporá-lo como DNA invisível no algoritmo — uma referência sofisticada sentida intuitivamente por quem conhece o tema, enquanto os demais experimentam pura beleza generativa.

  3. 03
    Construir a partir do template do visualizador

    Leia templates/viewer.html e use-o como ponto de partida literal.

  4. 04
    Implementar o algoritmo com semente

    Expresse a filosofia por meio de código p5.js usando aleatoriedade com semente (randomSeed e noiseSeed) para que a mesma semente sempre produza a mesma saída.

  5. 05
    Projetar parâmetros ajustáveis

    Crie parâmetros que emergem da filosofia algorítmica, perguntando quais qualidades do sistema podem ser ajustadas — quantidades, escalas, probabilidades, proporções, ângulos ou limites — em vez de pensar em tipos de padrão.

  6. 06
    Gerar um único artefato

    Produza um arquivo HTML autocontido com p5.js via CDN, o algoritmo, os controles de parâmetros e a interface com a marca Anthropic, tudo embutido.

02 Encontre o ideal para você

Quando Usar a Skill algorithmic-art

Use a skill algorithmic-art no Claude Code ou Codex quando o trabalho envolver imagens deste tipo. Adequação e limites abaixo são retirados do próprio arquivo da skill.

Boa Combinação

  • Usuários que pedem arte generativa, arte algorítmica, campos de fluxo ou sistemas de partículas criados por código
  • Criar algoritmos vivos que geram saídas únicas a cada execução por meio de comportamento emergente e caos controlado
  • Explorar variações paramétricas por meio de controles interativos e navegação por sementes para descobrir diferentes facetas do potencial de um algoritmo

Conheça os Limites

  • Copiar o trabalho de artistas existentes, o que violaria direitos autorais
  • Criar imagens estáticas ou templates em vez de processos computacionais com comportamento emergente
  • Obras que não podem ser expressas por meio de aleatoriedade com seed, campos de ruído, partículas, fluxos ou relações matemáticas

O Que Fornecer

  • Solicitação ou instruções do usuárioEntrada sutil que a skill usa como base sem restringir a liberdade criativa.

03 Dentro da skill

Regras que a skill algorithmic-art dá ao Claude Code e ao Codex

5 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

  1. A filosofia orienta a implementação

    A filosofia algorítmica determina o que construir.

  2. Comece pelo template viewer.html

    Antes de escrever qualquer HTML, leia templates/viewer.html com a ferramenta Read e use esse arquivo como ponto de partida literal.

  3. Reforce a maestria especializada repetidamente

    A filosofia deve enfatizar várias vezes que o algoritmo final deve parecer meticulosamente elaborado, refinado ao longo de incontáveis iterações, produto de profunda expertise computacional de alguém no topo absoluto de sua área.

  4. Incorpore o fio conceitual de forma sutil

    A referência conceitual da solicitação original deve ser tão refinada que acrescente profundidade sem se anunciar — como um músico de jazz que cita outra música por meio de harmonia algorítmica.

  5. Filosofias de quatro a seis parágrafos

    A filosofia algorítmica deve ter de 4 a 6 parágrafos substanciais, articulando como o movimento se manifesta por meio de processos computacionais, funções de ruído, comportamentos de partículas, evolução temporal e variação paramétrica.

04 Coloque em prática

Instale algorithmic-art no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicione algorithmic-art ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

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

Forma genérica do CLI skills para skills/algorithmic-art/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê ao Skill uma Primeira Tarefa de Trabalho com Imagem

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

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: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

  • Verifique se a mesma seed produz sempre o mesmo resultado, testando a navegação de seeds (botões anterior/próximo) e confirmando a reprodutibilidade visual
  • Confirme que o artefato HTML funciona imediatamente no claude.ai ou em qualquer navegador, sem exigir arquivos externos, configuração ou servidor
  • Verifique se todos os controles deslizantes de parâmetros atualizam a obra em tempo real e se o botão de redefinição restaura os valores padrão
  • Garanta que o artefato use a estrutura de layout exata, a identidade visual da Anthropic (fontes Poppins/Lora, cores claras, fundo em gradiente) e a organização da barra lateral de templates/viewer.html
  • Teste se os controles de seed funcionam corretamente: exibir a seed atual, botões anterior/próximo alternam as seeds, o botão aleatório gera uma nova seed e o campo de salto para seed navega até seeds específicas
  • Verifique se o algoritmo expressa a filosofia em vez de copiar um padrão genérico, com uma maestria que pareça meticulosamente refinada

No OpenDesign o algorithmic-art vem incluído: Plugins → Skills, selecione-o na barra superior.

Baixar OpenDesignLer o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author
Anthropic
Repository
github.com/anthropics/skills Branch main
Arquivo da skill
skills/algorithmic-art/SKILL.md Checksum de conteúdo registrado na verificação; commit 34040c9
License
Apache-2.0 De skills/algorithmic-art/LICENSE.txt; SKILL.md diz "Complete terms in LICENSE.txt".
Estrelas do repositório
176.183 Snapshot do GitHub tirado em 2026-09-14 para todo o repositório anthropics/skills, que contém 7 skills neste catálogo. Não é uma avaliação ou contagem de uso para algorithmic-art.
Verificado pelo OpenDesign
2026-09-14 Arquivo fonte, caminho, texto de licença e contagem de estrelas foram verificados. Incluído no OpenDesign main (verificado em 2026-08-28); uma execução real não foi registrada nesta página.

Dentro do SKILL.md

  1. CRIAÇÃO DA FILOSOFIA ALGORÍTMICAInstruções para escrever um manifesto de 4 a 6 parágrafos que define um movimento estético computacional com comportamento emergente
  2. A COMPREENSÃO ESSENCIALEsclarece que a skill recebe a entrada do usuário como base, cria uma filosofia e depois a expressa algoritmicamente em código
  3. COMO GERAR UMA FILOSOFIA ALGORÍTMICAPassos para nomear o movimento e articular como ele se manifesta por meio de processos computacionais, com ênfase no ofício
  4. EXEMPLOS DE FILOSOFIACinco exemplos condensados que mostram nomes de movimentos e como eles se expressam de forma algorítmica: Organic Turbulence, Quantum Harmonics, Recursive Whispers, Field Dynamics, Stochastic Crystallization
  5. PRINCÍPIOS ESSENCIAISFundamentos centrais: processo acima do produto, expressão paramétrica, liberdade artística, arte generativa pura, domínio técnico apurado
  6. Deduzindo a semente conceitualComo identificar um fio conceitual sutil na solicitação para incorporá-lo de forma invisível no algoritmo
  7. IMPLEMENTAÇÃO EM P5.JSInstruções técnicas para expressar a filosofia por meio de código p5.js com aleatoriedade com semente e parâmetros
  8. PASSO 0: LEIA O TEMPLATE PRIMEIROEtapa obrigatória para ler templates/viewer.html e usá-lo como ponto de partida literal antes de escrever o HTML
  9. REQUISITOS TÉCNICOSPadrão de aleatoriedade com seed, diretrizes de estrutura de parâmetros e como deixar a filosofia guiar a escolha dos algoritmos
  10. REQUISITOS DE QUALIDADE TÉCNICAPadrões de equilíbrio, harmonia de cores, composição, desempenho e reprodutibilidade no algoritmo final
  11. FORMATO DE SAÍDAEspecifica a saída da filosofia como markdown e um único artefato HTML autocontido construído a partir do template
  12. CRIAÇÃO DE ARTEFATO INTERATIVOInstruções detalhadas sobre o que é fixo e o que é variável no template e como construir a barra lateral
A Descrição da Própria Skill
"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."

Descrição do front-matter do SKILL.md. O arquivo completo tem cerca de 19.735 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas sobre o skill algorithmic-art

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

O que a skill produz?

O skill gera dois arquivos: um documento markdown contendo a filosofia algorítmica de 4-6 parágrafos, e um artefato HTML autocontido com código p5.js embutido, controles de parâmetros e UI com identidade visual da Anthropic. O HTML funciona imediatamente no claude.ai ou em qualquer navegador, sem dependências externas.

Algorithmic Art

Execute algorithmic-art em uma tarefa real de trabalho com imagens.

A skill algorithmic-art vem incluída no OpenDesign. Baixe o aplicativo, escolha a skill em Plugins → Skills, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesignVer todas as skills
Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art