Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Algorithmic Art skill
Você descreve uma ideia e o Claude entrega uma arte que muda a cada semente, com controles pra ajustar e baixar em PNG.
- instalações
- 89,5 mil
- estrelas no GitHub
- 183,8 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 9 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Trabalha em duas etapas. Primeiro o Claude escreve uma filosofia algorítmica: dá nome a um movimento, como 'Turbulência Orgânica', e descreve em 4 a 6 parágrafos como ruído, partículas, campos de força e variação vão se comportar. Esse texto sai num arquivo .md.
Depois transforma a filosofia em código p5.js numa página HTML única, partindo de um modelo que vem na skill. A aleatoriedade usa semente: a mesma semente sempre gera a mesma imagem. Dá pra ir pra semente anterior ou pra próxima, sortear uma ou digitar o número.
Na lateral da página ficam controles de quantidade, escala, velocidade, cores e o que mais a arte pedir, com atualização na hora, botões de gerar de novo, voltar ao padrão e baixar PNG. A página abre em qualquer navegador, sem instalar nada. A skill manda criar arte original, sem copiar artista.
Nas palavras de quem fez
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code,…
Quando usar
- Criar um fundo exclusivo pra post, capa ou slide
- Gerar várias versões da mesma arte pra escolher a melhor
- Fazer uma peça visual da marca que não sai de banco de imagem
- Mostrar pro cliente uma arte que ele mesmo ajusta no navegador
Depois de instalar, é só pedir assim
- Cria uma arte generativa com partículas seguindo um fluxo, no azul e laranja da minha marca
- Faz uma arte inspirada nas ondas do mar que eu possa baixar em PNG pra um post do Instagram
- Gera 100 variações dessa arte pra eu escolher pelas sementes
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Algorithmic Art no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Algorithmic Art, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Precisa de chave de API ou programa instalado?
Não. O p5.js carrega de um CDN dentro da própria página, então ela só precisa de internet pra abrir, em qualquer navegador.
Roda no Codex e no Antigravity?
Sim, ela gera arquivos .md e .html comuns. O SKILL.md foi pensado pro artifact do claude.ai, mas a página funciona do mesmo jeito salva como arquivo.
A página sai com a cara da minha marca?
A arte sim: cores, algoritmo e controles mudam a cada pedido. A interface em volta segue o modelo fixo da skill, com as fontes e as cores da Anthropic.
Levar essa skill
1x algorithmic-artR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/anthropics/skills
Aprenda a usar
- Social media: o que faz, curso e o pacote com IA
Social media cuida das redes sociais de empresas. Veja o que faz, qual curso vale a pena e como sair do post barato para pacotes de R$ 2.500 a R$ 6.000.
Na mesma prateleira
Ver as 1.296 skills do corredorHeyGen
figma
O logo, as cores e os quadros que já estão no Figma viram peças e movimento do seu vídeo, sem refazer nada na mão.332,9 mil instalações, grátisMatt Pocock
edit-
O rascunho volta com as seções na ordem em que uma ideia depende da outra e cada parágrafo reescrito pra ler fácil, com até 240 caracteres.Auditada191,8 mil instalações, grátisarticle Vercel Labs
writing-
O Claude lê seus textos de documentação e devolve a lista do que fere o guia de escrita da Vercel, linha por linha.Oficial106,4 mil instalações, grátisguidelines gsap
As animações que o Claude escreve pro seu vídeo saem no formato que o HyperFrames consegue controlar e renderizar, sem travar nem rodar pra sempre.92,1 mil instalações, grátisprime-skills
gpt-
O Claude cria e edita imagens de produto, anúncio e placa com o texto que você pediu escrito certo, sem precisar de chave da OpenAI.Auditada84,2 mil instalações, grátisimage- 2 Anthropic
slack-
Você descreve a animação e o Claude desenha quadro a quadro, monta o GIF e confere se ele cabe no Slack como emoji ou como mensagem.OficialAuditada75,6 mil instalações, grátisgif- creator tailwind
Vídeos feitos em HTML no HyperFrames com classes do Tailwind v4 que aparecem iguais na prévia e no MP4 final, quadro a quadro.Auditada70,6 mil instalações, grátisanimejs
As animações de Anime.js entram no seu vídeo HyperFrames e saem iguais em toda renderização, porque quem manda no tempo é o HyperFrames.70 mil instalações, grátis
Mais da loja Anthropic
Ver a loja Anthropicfrontend-
Sua landing page ou seu app sai com identidade própria, tirada do assunto do seu negócio, e não com aquela cara de site gerado por IA.OficialAuditada1 milhão de instalações, grátisdesign skill-
Aquele jeito de trabalhar que você explica toda semana vira uma skill testada, com a descrição afinada pro Claude usar na hora certa.Oficial415,3 mil instalações, grátiscreator pptx
Você pede o deck e recebe um arquivo .pptx que abre no PowerPoint, com design pensado e cada slide conferido antes da entrega.Oficial242,3 mil instalações, grátispdf
Manda o PDF e pede: o Claude tira a tabela pra planilha, junta arquivos, preenche o formulário ou monta um relatório novo.Oficial216,9 mil instalações, grátisdocx
Relatório, contrato ou proposta sai em .docx de verdade, com sumário, tabelas e numeração, e dá pra revisar com alterações controladas e comentários.Oficial207,1 mil instalações, grátiswebapp-
O Claude abre o seu site num navegador, clica, confere se cada parte funciona e devolve print e os erros do console.Oficial188,3 mil instalações, grátistesting xlsx
A planilha sai do Claude com fórmula no lugar de número digitado, sem #REF! nem #NOME?, e respeitando o jeito que o seu arquivo já estava montado.Oficial187,9 mil instalações, grátismcp-
Você aponta o serviço que quer ligar à IA e sai com um servidor MCP pronto, testado no MCP Inspector e com perguntas de avaliação.Oficial131,8 mil instalações, grátisbuilder canvas-
Uma peça visual de uma página, pôster ou arte, com composição pensada e pouco texto, entregue em PNG ou PDF junto com a filosofia que a guiou.OficialAuditada122,2 mil instalações, grátisdesign web-
O Claude cria uma interface com vários componentes, estado e navegação e entrega tudo num arquivo HTML só, sem servidor pra configurar.Oficial112,6 mil instalações, grátisartifacts- builder brand-
O Claude deixa seus slides, documentos e páginas com a cara da Anthropic: as cores certas, Poppins nos títulos e Lora no texto.OficialAuditada109,9 mil instalações, grátisguidelines theme-
Você escolhe um tema num catálogo visual e o Claude aplica as mesmas cores e fontes em todo o material, cuidando do contraste e da leitura.OficialAuditada95,3 mil instalações, grátisfactory