Algorithmic Art

Genera arte generativo p5.js con semilla y controles deslizantes en un único archivo HTML interactivo, autocontenido y de marca.

Por ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Probado · Funciona ★ 9.6/10

Algorithmic Art — Genera arte generativo p5.js con semilla y controles deslizantes en un único archivo HTML interactivo, autocontenido y de marca.

Qué hace

Algorithmic Art hace que Claude primero escriba una breve 'filosofía algorítmica' para un movimiento de arte generativo, y luego la exprese como un sketch de p5.js con aleatoriedad basada en semilla y parámetros ajustables, entregado a través de una plantilla de visor de marca Anthropic fija con navegación por semilla, controles deslizantes y exportación a PNG. Úsalo cuando un usuario pida arte generativo, flow fields, sistemas de partículas o arte algorítmico/basado en código en lugar de una imagen estática.

Informe de la prueba

templates/viewer.html incluye un navegador de semillas de marca Anthropic totalmente funcional (prev/next/random/jump, controles deslizantes de parámetros, descarga de PNG) por el que el skill obliga a pasar a cada sketch, por lo que el resultado es consistentemente más rico y reproducible que un sketch de p5.js improvisado desde cero.

Probado el: 2026-07-13 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/ThinkInAIXYZ/deepchat
cd deepchat
mkdir -p ~/.claude/skills
cp -r resources/skills/algorithmic-art ~/.claude/skills/algorithmic-art

Comandos y prompts de ejemplo

  • /algorithmic-artGenera arte generativo p5.js con semilla y controles deslizantes en un único archivo HTML interactivo, autocontenido y de marca.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Make me a generative art piece with p5.js and seeded randomness
  • Create an interactive flow field art sketch I can tweak with sliders
  • Generate some algorithmic particle system art as a self-contained html file