SkillDesignCriação
Arte Algorítmica
Cria arte generativa com p5.js em duas etapas: primeiro articula uma filosofia estética em markdown, depois a expressa como sketch interativo em HTML + JS. Use para flow fields, sistemas de partículas, padrões recursivos e exploração estética computacional.
Ações
PerfilDesigner
ProfundidadeAlta
IdiomaInglês (skill original)
Objetivo
Em uma frase.
Produzir arte algorítmica por um processo de duas etapas: articular uma filosofia estética generativa em markdown e depois expressá-la como código p5.js que roda como algoritmo vivo, não como imagem estática com aleatoriedade. A beleza está no processo — o algoritmo — e não em um único frame renderizado.
Aplicação
Quando
faz sentido.
Usar
- O usuário pede arte generativa ou algorítmica.
- Flow fields, sistemas de partículas, padrões recursivos, tesselações de Voronoi.
- Variação visual via aleatoriedade com seed ou ruído (noise).
- Exploração estética computacional em que cada execução é única.
Não usar
- Pôster estático ou asset de marca — use canvas-design.
- Copiar ou recriar o estilo de um artista existente (risco de direitos autorais).
- Protótipos de UI puros — use frontend-design.
Prompt
Instruções
para a IA.
### Etapa 1 — Filosofia algorítmica (markdown)
Escreva um manifesto de 4 a 6 parágrafos para um movimento estético algorítmico. Dê um nome ao movimento (1-2 palavras, ex.: 'Turbulência Orgânica') e descreva a filosofia cobrindo processos computacionais, padrões de ruído, comportamentos de partículas, evolução temporal, variação paramétrica e complexidade emergente. Evite redundância (cada aspecto citado uma vez), enfatize repetidamente a maestria do ofício e deixe espaço criativo — específico o bastante para guiar, conciso o bastante para interpretação.
### Etapa 2 — Expressão em p5.js (HTML + JS)
Implemente a filosofia como um sketch p5.js: 90% geração algorítmica, 10% parâmetros essenciais. Use aleatoriedade com seed, ruído de Perlin em camadas, campos vetoriais e comportamentos de partículas. A cor deve emergir de velocidade, densidade ou fase — não de uma paleta fixa. Ofereça exploração interativa de parâmetros (sliders, atalhos) e renderize até atingir equilíbrio visual.
### Semente conceitual sutil
O pedido costuma conter uma referência de nicho. Incorpore-a como DNA conceitual do algoritmo, não como elemento literal: quem conhece a referência a sente intuitivamente; os demais veem uma composição generativa magistral.
### Regras obrigatórias
Nunca copie o estilo de um artista existente. Produza a filosofia em
Escreva um manifesto de 4 a 6 parágrafos para um movimento estético algorítmico. Dê um nome ao movimento (1-2 palavras, ex.: 'Turbulência Orgânica') e descreva a filosofia cobrindo processos computacionais, padrões de ruído, comportamentos de partículas, evolução temporal, variação paramétrica e complexidade emergente. Evite redundância (cada aspecto citado uma vez), enfatize repetidamente a maestria do ofício e deixe espaço criativo — específico o bastante para guiar, conciso o bastante para interpretação.
### Etapa 2 — Expressão em p5.js (HTML + JS)
Implemente a filosofia como um sketch p5.js: 90% geração algorítmica, 10% parâmetros essenciais. Use aleatoriedade com seed, ruído de Perlin em camadas, campos vetoriais e comportamentos de partículas. A cor deve emergir de velocidade, densidade ou fase — não de uma paleta fixa. Ofereça exploração interativa de parâmetros (sliders, atalhos) e renderize até atingir equilíbrio visual.
### Semente conceitual sutil
O pedido costuma conter uma referência de nicho. Incorpore-a como DNA conceitual do algoritmo, não como elemento literal: quem conhece a referência a sente intuitivamente; os demais veem uma composição generativa magistral.
### Regras obrigatórias
Nunca copie o estilo de um artista existente. Produza a filosofia em
.md ANTES de escrever o código, e garanta que o sketch seja paramétrico/seeded — não uma imagem estática.Constelação
Onde
ela vive.
Bundles que incluem
Execução
Como usar
com IA.
- 01Copie a skill (botão "Copiar skill para IA", no topo): o texto copiado já é a skill completa, não um resumo.
- 02Abra o Claude ou Claude Code e cole — a IA recebe todas as instruções e fica pronta para a tarefa.
- 03Prefere usar como arquivo reutilizável? Baixe o .zip e coloque o
SKILL.mdem.claude/skills/(Claude Code) ou anexe o arquivo no Claude (claude.ai).