Habilidades algorithmic-art
🎨

algorithmic-art

Seguro

Gerar Arte Algorítmica com p5.js

Também disponível em: davila7,anthropics,Doyajin174,ArtemisAI,Cam10001110101,Azeem-2

Crie arte generativa única usando p5.js com aleatoriedade seedada para resultados reproduzíveis. Construa arte interativa que os usuários podem explorar através de controles de parâmetros e navegação por seeds.

Suporta: Claude Codex Code(CC)
⚠️ 66 Ruim
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "algorithmic-art". Criar arte algorítmica sobre emergência orgânica com partículas

Resultado esperado:

Gera um artefato HTML interativo com partículas fluídas que respondem a campos de ruído, controles de parâmetros para ajuste e reprodutibilidade baseada em seed.

A utilizar "algorithmic-art". Construir arte geométrica com padrões recursivos e navegação por seeds

Resultado esperado:

Produz HTML auto-contido com padrões geométricos recursivos, controles laterais para explorar parâmetros e botões para navegar entre variações de seeds.

Auditoria de Segurança

Seguro
v1 • 2/24/2026

All 42 static findings are false positives. The skill is a legitimate p5.js generative art tool. Network access is limited to CDN resources for p5.js library and Google Fonts required for the viewer. The static scanner confused markdown code formatting, regex operations, and template comments as security risks.

3
Arquivos analisados
1,227
Linhas analisadas
6
achados
1
Total de auditorias

Problemas Críticos (2)

templates/viewer.html:508
False Positive: Windows SAM Database Reference
Static scanner flagged line 508 as 'Windows SAM database' but the actual content is '// PARTICLE SYSTEM' comment in the template. Scanner confused 'SYSTEM' with Windows SAM. This is a template placeholder comment.
False Positive: Dangerous Heuristic Combination
Scanner flagged 'Code execution + Network + Credential access' heuristic. This was triggered by benign JavaScript (regex .exec()), CDN network calls, and the word 'exec'. No credential access or malicious code exists.
Problemas de Risco Médio (2)
templates/generator_template.js:133
False Positive: Python exec() Function
Scanner flagged JavaScript regex .exec() at line 133 as 'Python exec()'. The actual code is 'const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)' which parses hex color values.
SKILL.md:3SKILL.md:62SKILL.md:95SKILL.md:161SKILL.md:349SKILL.md:366SKILL.md:368SKILL.md:388
False Positive: Weak Cryptographic Algorithm
Scanner flagged various lines as 'Weak cryptographic algorithm' but no cryptographic code exists. Scanner likely confused algorithmic art terminology with cryptography.
Problemas de Baixo Risco (2)
SKILL.md:109SKILL.md:136-141SKILL.md:141-147SKILL.md:147-159SKILL.md:159-189SKILL.md:189-199SKILL.md:199-215SKILL.md:215-223SKILL.md:223-229SKILL.md:229-275SKILL.md:275-300SKILL.md:300-313SKILL.md:313-319
False Positive: External Commands / Shell Backtick Execution
Scanner flagged markdown backticks (`) as shell backtick execution. These are code formatting delimiters in SKILL.md documentation, not actual shell commands.
templates/viewer.html:23templates/viewer.html:24templates/viewer.html:25templates/viewer.html:26
Legitimate: Hardcoded CDN URLs
Network URLs at lines 23-26 are legitimate CDN resources for p5.js library and Google Fonts required for the interactive art viewer to function.
Auditado por: claude

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
87
Conteúdo
50
Comunidade
55
Segurança
91
Conformidade com especificações

O Que Você Pode Construir

Profissionais Criativos

Gerar ativos visuais únicos para projetos, websites ou materiais de marketing com seeds reproduzíveis.

Aprendizado de Programação Criativa

Compreender princípios de arte generativa através de exemplos funcionais e exploração de parâmetros.

Criação de Arte Interativa

Criar arte interativa compartilhável que outros podem explorar através de ajustes de parâmetros.

Tente Estes Prompts

Geração de Arte Básica 
Crie arte algorítmica usando p5.js. Use aleatoriedade seedada para garantir reprodutibilidade. Construa um artefato HTML interativo com controles de parâmetros.
Arte de Campo de Fluxo 
Crie uma peça de arte algorítmica de campo de fluxo usando p5.js. Inclua sistemas de partículas que seguem campos vetoriais guiados por ruído. Adicione controles para contagem de partículas, escala de ruído e velocidade.
Padrões Geométricos 
Gere arte algorítmica geométrica usando subdivisão recursiva ou padrões circulares. Inclua navegação por seeds para que usuários possam explorar variações.
Explorador Interativo 
Crie um visualizador de arte algorítmica interativo completo com navegação por seeds (anterior/próximo/aleatório), sliders de parâmetros, seletores de cor e funcionalidade de exportação.

Melhores Práticas

  • Sempre use aleatoriedade seedada (randomSeed, noiseSeed) para resultados reproduzíveis
  • Projete parâmetros que emergem naturalmente da filosofia algorítmica
  • Mantenha todo o código inline em um único arquivo HTML para portabilidade

Evitar

  • Evite copiar o trabalho de artistas existentes - crie filosofias algorítmicas originais
  • Não pule o template - use viewer.html como base inicial
  • Evite valores de cor aleatórios - use paletas harmônicas e bem pensadas

Perguntas Frequentes

O que é arte algorítmica?
Arte algorítmica é arte visual criada usando algoritmos computacionais. Utiliza processos matemáticos e código para gerar saídas visuais únicas, frequentemente reproduzíveis.
Como funciona a aleatoriedade seedada?
Aleatoriedade seedada usa um número inicial (seed) para inicializar geradores de números aleatórios. Isso faz com que cada execução produza a mesma saída, essencial para arte reproduzível.
Posso usar esta skill offline?
A skill requer acesso à internet inicialmente para carregar o p5.js do CDN. Uma vez carregado, a arte gerada pode funcionar offline em uma sessão de navegador com cache.
O que é a filosofia algorítmica?
A filosofia algorítmica é uma visão computacional de mundo que guia a criação artística. Descreve os princípios matemáticos e estéticos que o algoritmo expressa.
Como compartilho a arte gerada?
A saída é um único arquivo HTML auto-contido. Você pode compartilhá-lo enviando o arquivo ou hospedando-o em qualquer servidor web.
Posso exportar a arte como imagem?
Sim, o visualizador interativo inclui um botão de download que exporta o canvas atual como um arquivo PNG.

Detalhes do Desenvolvedor

Licença

Complete terms in LICENSE.txt

Repositório

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/algorithmic-art

Referência

main

Estrutura de arquivos

📁 templates/

📄 generator_template.js

📄 viewer.html

📄 SKILL.md