83.3K+Descargar
Ir a la guía de uso
algorithmic-artpor Anthropic

Algorithmic Art Skill.

Una skill de Claude Code y Codex para trabajo con imágenes: arte generativo con p5.js: partículas con semilla, campos de flujo y parámetros ajustables.

  • Imágenes y arte generativo
  • Arte generativo
Descargar OpenDesignVer guía de uso
anthropics/skills · skills/algorithmic-art/SKILL.mdSKILL.md
--- name: algorithmic-art description: Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations. --- ## ALGORITHMIC PHILOSOPHY CREATION ## DEDUCING THE CONCEPTUAL SEED ## P5.JS IMPLEMENTATION ## INTERACTIVE ARTIFACT CREATION ## VARIATIONS & EXPLORATION ## THE CREATIVE PROCESS
Encabezado y títulos de sección leídos del archivo original el 14/09/2026 · 19.735 caracteres completos

01 Qué hace

Qué hace el Skill algorithmic-art en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Este Skill crea arte algorítmico original con p5.js mediante un proceso de dos pasos: primero define una filosofía algorítmica (un movimiento estético computacional expresado en un manifiesto en markdown) y después la implementa como un artefacto HTML interactivo autocontenido. Cada obra usa aleatoriedad con semilla para garantizar la reproducibilidad, lo que permite al usuario recorrer variaciones mediante controles de semilla.

El Skill pone el énfasis en el comportamiento emergente, la belleza matemática y la variación paramétrica: construye algoritmos vivos en lugar de imágenes estáticas. La salida incluye un documento de filosofía de 4 a 6 párrafos y un único archivo HTML con código p5.js incrustado, controles deslizantes de parámetros y una interfaz con la marca de Anthropic, listo para ejecutarse al instante en el navegador o en artefactos de claude.ai.

Qué produce

  • Filosofía algorítmica como archivo markdown que nombra el movimiento y articula cómo se manifiesta mediante procesos computacionales en 4 a 6 párrafos
  • Un único artefacto HTML autocontenido con el algoritmo p5.js incrustado, controles de parámetros, navegación por semillas y una interfaz con la marca de Anthropic que funciona de inmediato en el navegador o en claude.ai
Ver el ejemplo de prompt ↗

Cómo funciona

  1. 01
    Crear la filosofía algorítmica

    Escriba un manifiesto de 4 a 6 párrafos en el que nombre un movimiento de arte generativo y describa cómo se manifiesta mediante procesos computacionales, funciones de ruido, comportamientos de partículas y complejidad emergente.

  2. 02
    Deducir la semilla conceptual

    Antes de programar, identifique un hilo conceptual sutil en la solicitud original para incrustarlo como ADN invisible en el algoritmo: una referencia sofisticada que quienes están familiarizados con ella perciben de forma intuitiva, mientras que los demás experimentan pura belleza generativa.

  3. 03
    Partir de la plantilla del visor

    Lea templates/viewer.html y úselo como punto de partida literal.

  4. 04
    Implementar el algoritmo con semilla

    Exprese la filosofía mediante código p5.js con aleatoriedad con semilla (randomSeed y noiseSeed) para que una misma semilla produzca siempre un resultado idéntico.

  5. 05
    Diseñar parámetros ajustables

    Cree parámetros que surjan de la filosofía algorítmica preguntándose qué cualidades del sistema pueden ajustarse —cantidades, escalas, probabilidades, proporciones, ángulos o umbrales— en lugar de pensar en tipos de patrones.

  6. 06
    Generar un único artefacto

    Produzca un archivo HTML autocontenido con p5.js desde CDN, el algoritmo, los controles de parámetros y una interfaz con la marca de Anthropic, todo en línea.

02 Encuentra tu caso de uso

Cuándo usar el skill algorithmic-art

Usar el skill algorithmic-art en Claude Code o Codex cuando el trabajo sea de este tipo de imágenes. El ajuste y los límites a continuación se toman del propio archivo del skill.

Buen caso de uso

  • Usuarios que solicitan arte generativo, arte algorítmico, campos de flujo o sistemas de partículas creados mediante código
  • Crear algoritmos vivos que produzcan resultados únicos en cada ejecución mediante comportamiento emergente y caos controlado
  • Explorar variaciones paramétricas mediante controles interactivos y navegación por semillas para descubrir distintas facetas del potencial de un algoritmo

Conozca los límites

  • Copiar la obra de artistas existentes, lo que vulneraría los derechos de autor
  • Crear imágenes estáticas o plantillas en lugar de procesos computacionales con comportamiento emergente
  • Obras que no pueden expresarse mediante aleatoriedad con semilla, campos de ruido, partículas, flujos o relaciones matemáticas

Qué proporcionar

  • Solicitud o instrucciones del usuarioEntrada sutil que el skill usa como base sin restringir la libertad creativa.

03 Dentro del skill

Reglas que el skill algorithmic-art da a Claude Code y Codex

5 instrucciones concretas, valores predeterminados y límites que el SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

  1. La filosofía impulsa la implementación

    La filosofía algorítmica dicta qué construir.

  2. Partir de la plantilla viewer.html

    Antes de escribir cualquier HTML, lea templates/viewer.html con la herramienta Read y use ese archivo como punto de partida literal.

  3. Enfatizar la maestría experta de forma reiterada

    La filosofía debe insistir varias veces en que el algoritmo final debe parecer meticulosamente elaborado, refinado a lo largo de innumerables iteraciones, fruto de una profunda experiencia computacional de alguien en la cima absoluta de su campo.

  4. Integrar el hilo conceptual de forma sutil

    La referencia conceptual de la solicitud original debe estar tan refinada que aporte profundidad sin anunciarse, como un músico de jazz que cita otra canción a través de la armonía algorítmica.

  5. Filosofías de cuatro a seis párrafos

    La filosofía algorítmica debe tener de 4 a 6 párrafos sustanciales que articulen cómo el movimiento se manifiesta a través de procesos computacionales, funciones de ruido, comportamientos de partículas, evolución temporal y variación paramétrica.

04 Ponlo a trabajar

Instalar algorithmic-art en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Añade algorithmic-art a Claude Code, Codex o Tu Agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art

Forma genérica del CLI skills para skills/algorithmic-art/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al Skill una primera tarea de trabajo con imágenes

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su material.

Starter prompt
Create algorithmic art inspired by the way mycelium networks communicate through chemical signals underground. I want something that feels organic and interconnected, with growth patterns that emerge over time. Use earthy tones and make the parameters tunable so I can explore different colony behaviors.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

  • Compruebe que la misma semilla produce siempre un resultado idéntico probando la navegación entre semillas (botones anterior/siguiente) y confirmando la reproducibilidad visual
  • Confirme que el artefacto HTML funciona de inmediato en claude.ai o en cualquier navegador, sin archivos externos, configuración previa ni servidor
  • Compruebe que todos los controles deslizantes de parámetros actualizan la obra en tiempo real y que el botón de restablecer devuelve los valores predeterminados
  • Asegúrese de que el artefacto usa la estructura de diseño exacta, la identidad de Anthropic (tipografías Poppins/Lora, colores claros, fondo con degradado) y la organización de la barra lateral de templates/viewer.html
  • Pruebe que los controles de semilla funcionan correctamente: mostrar la semilla actual, los botones anterior/siguiente recorren las semillas, el botón aleatorio genera una semilla nueva y el campo para saltar a una semilla navega a semillas concretas
  • Verifique que el algoritmo expresa la filosofía en lugar de copiar un patrón genérico, con una maestría que se perciba meticulosamente refinada

En OpenDesign algorithmic-art viene incluido: Plugins → Skills, selecciónelo en la barra superior.

Descargar OpenDesignLeer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author
Anthropic
Repository
github.com/anthropics/skills Rama main
Archivo de skill
skills/algorithmic-art/SKILL.md Suma de verificación de contenido registrada en la verificación; commit 34040c9
License
Apache-2.0 De skills/algorithmic-art/LICENSE.txt; SKILL.md dice "Complete terms in LICENSE.txt".
Estrellas del repositorio
176,183 Instantánea de GitHub tomada el 14-09-2026 para el repositorio completo anthropics/skills, que contiene 7 skills en este catálogo. No es una calificación ni un recuento de uso para algorithmic-art.
Verificado por OpenDesign
14-09-2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. Incluido en OpenDesign main (verificado el 28-08-2026); no se ha registrado una ejecución real en esta página.

Dentro del SKILL.md

  1. CREACIÓN DE LA FILOSOFÍA ALGORÍTMICAInstrucciones para escribir un manifiesto de 4 a 6 párrafos que defina un movimiento estético computacional con comportamiento emergente
  2. La comprensión críticaAclara que el skill recibe la entrada del usuario como base, crea una filosofía y luego la expresa algorítmicamente en código
  3. Cómo generar una filosofía algorítmicaPasos para nombrar el movimiento y articular cómo se manifiesta a través de procesos computacionales, con énfasis en la artesanía
  4. Ejemplos de filosofíaCinco ejemplos condensados que muestran nombres de movimientos y cómo se expresan algorítmicamente: Turbulencia Orgánica, Armónicos Cuánticos, Susurros Recursivos, Dinámica de Campos, Cristalización Estocástica
  5. Principios esencialesPrincipios básicos: el proceso antes que el producto, expresión paramétrica, libertad artística, arte generativo puro, artesanía experta
  6. Deducir la semilla conceptualCómo identificar un hilo conceptual sutil en la solicitud para integrarlo de forma invisible en el algoritmo
  7. Implementación en p5.jsInstrucciones técnicas para expresar la filosofía mediante código p5.js con aleatoriedad con semilla y parámetros
  8. Paso 0: leer primero la plantillaPaso obligatorio: leer templates/viewer.html y usarlo como punto de partida literal antes de escribir HTML
  9. Requisitos técnicosPatrón de aleatoriedad con semilla, pautas para la estructura de parámetros y cómo dejar que la filosofía dicte las decisiones del algoritmo
  10. Requisitos de artesaníaEstándares de equilibrio, armonía cromática, composición, rendimiento y reproducibilidad en el algoritmo final
  11. Formato de salidaEspecifica que se debe generar la filosofía como markdown y un único artefacto HTML autocontenido construido a partir de la plantilla
  12. Creación de artefactos interactivosInstrucciones detalladas sobre qué es fijo y qué es variable en la plantilla y cómo construir la barra lateral
La descripción propia del Skill
"Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations."

Descripción del front-matter de SKILL.md. El archivo completo tiene aproximadamente 19,735 caracteres. Lee el archivo completo en GitHub.

06 Antes de instalar

Preguntas sobre el skill algorithmic-art

Las respuestas provienen del SKILL.md tal como se leyó el 2026-09-14, no de una ejecución registrada.

¿Qué genera el skill?

El skill genera dos archivos: un documento markdown con la filosofía algorítmica de 4 a 6 párrafos, y un único artefacto HTML autocontenido con código p5.js incrustado, controles de parámetros y una interfaz con la identidad de Anthropic. El HTML funciona de inmediato en claude.ai o en cualquier navegador, sin dependencias externas.

Arte algorítmico

Ejecutar algorithmic-art en una tarea real de trabajo con imágenes.

El skill algorithmic-art se incluye en OpenDesign. Descarga la aplicación, selecciona el skill en Plugins → Skills, pega el prompt anterior y lee el plan antes del resultado.

Descargar OpenDesignVer todas las skills
Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art