Skill algorithmic-art: qué hace y cómo usarla
Arte generativo con código (p5.js): patrones, campos de flujo, partículas; fondos e ilustraciones originales.
Qué hace
Crea arte algorítmico con p5.js: patrones, texturas, campos de flujo, sistemas de partículas, composiciones geométricas. Con aleatoriedad controlada (semilla) para que puedas reproducir o variar un resultado, y parámetros que puedes ajustar.
Útil para fondos de web, ilustraciones abstractas, portadas o simplemente para explorar.
Para quién es
Diseñadores, creadores, docentes de arte o programación, curiosos.
Peticiones que la activan
Claude carga la skill cuando tu petición encaja con su descripción. Tres ejemplos que funcionan:
Genera un fondo abstracto con campo de flujo en tonos azules para la cabecera de mi web.
Crea una serie de 5 patrones geométricos con la misma paleta.
Haz una animación de partículas que reaccione al ratón.
Cómo descargarla e instalarla
Un comando en la terminal (Claude Code, Cursor, Codex, Copilot…)
npx skills add anthropics/skills
Solo en Claude Code, con dos comandos (instala el paquete completo)
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
En Claude Code, solo esta skill
- Descarga el ZIP del repositorio (botón de arriba) y descomprímelo.
- Copia la carpeta
skills/algorithmic-arta~/.claude/skills/(Windows:C:\Users\TU_USUARIO\.claude\skills\). - Reinicia Claude Code y pide la tarea, o escribe
/algorithmic-art.
En claude.ai
Descarga la carpeta de la skill (enlace de arriba), comprímela en un ZIP y súbela desde Ajustes › Capacidades › Skills (planes de pago). Las skills que dependen de tu ordenador (navegador, archivos locales) están pensadas para Claude Code. Guía oficial: usar skills en Claude.
Consejos
- Pide que exponga parámetros (colores, densidad, semilla) para poder afinar sin reescribir.
- Exporta en alta resolución si es para imprimir.
Límites
- Requiere un navegador para ver el resultado interactivo.
- No es para ilustración figurativa (personas, objetos).
Preguntas frecuentes
¿Cómo sé si la skill se ha activado?
En Claude Code aparece un aviso de que se ha cargado. En claude.ai, el resultado sigue el formato de la skill (por ejemplo, aparece un archivo para descargar). Si dudas, pregúntale a Claude qué skill ha usado.
¿Puedo modificarla?
Sí. Es una carpeta con un archivo SKILL.md de texto. Cópiala con otro nombre, cambia las instrucciones y tendrás tu versión. Si la cambias mucho, cambia también la descripción para que Claude sepa cuándo usar cada una.
¿Es gratis?
La skill sí (código público). Usarla en claude.ai requiere un plan de pago; en Claude Code está incluida en los planes que dan acceso a la herramienta.
Skills relacionadas
canvas-design
Piezas gráficas estáticas (pósteres, portadas, gráficos para redes) en PNG o PDF con criterio de diseño.
frontend-design
Interfaces web con personalidad: evita el aspecto genérico de las webs hechas por IA.