Habilidades algorithmic-art
🎨

algorithmic-art

Seguro

Genera arte algorítmico con p5.js

También disponible en: davila7,anthropics,Doyajin174,ArtemisAI,Cam10001110101,Azeem-2

Crea arte generativo único usando p5.js con aleatoriedad con semilla para resultados reproducibles. Construye arte interactivo que los usuarios pueden explorar mediante controles de parámetros y navegación por semillas.

Soporta: Claude Codex Code(CC)
⚠️ 66 Deficiente
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "algorithmic-art". Crear arte algorítmico sobre emergencia orgánica con partículas

Resultado esperado:

Genera un artefacto HTML interactivo con partículas fluidas que responden a campos de ruido, controles de parámetros para ajuste y reproducibilidad basada en semilla.

Usando "algorithmic-art". Construir arte geométrico con patrones recursivos y navegación por semillas

Resultado esperado:

Produce HTML autocontenido con patrones geométricos recursivos, controles en barra lateral para explorar parámetros y botones para navegar entre variaciones de semilla.

Auditoría de seguridad

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
Archivos escaneados
1,227
Líneas analizadas
6
hallazgos
1
Auditorías totales

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 riesgo medio (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 riesgo bajo (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

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
50
Comunidad
55
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Profesionales Creativos

Genera activos visuales únicos para proyectos, sitios web o materiales de marketing con semillas reproducibles.

Aprendizaje de Creative Coding

Comprende los principios del arte generativo a través de ejemplos funcionales y exploración de parámetros.

Creación de Arte Interactivo

Crea arte interactivo compartible que otros pueden explorar mediante ajustes de parámetros.

Prueba estos prompts

Generación de Arte Básica 
Crea arte algorítmico usando p5.js. Usa aleatoriedad con semilla para asegurar reproducibilidad. Construye un artefacto HTML interactivo con controles de parámetros.
Arte de Campo de Flujo 
Crea una pieza de arte algorítmico de campo de flujo usando p5.js. Incluye sistemas de partículas que siguen campos vectoriales impulsados por ruido. Agrega controles para cantidad de partículas, escala de ruido y velocidad.
Patrones Geométricos 
Genera arte algorítmico geométrico usando subdivisión recursiva o patrones circulares. Incluye navegación por semillas para que los usuarios puedan explorar variaciones.
Explorador Interactivo 
Crea un visor de arte algorítmico interactivo completo con navegación por semillas (anterior/siguiente/aleatorio), deslizadores de parámetros, selectores de color y funcionalidad de exportación.

Mejores prácticas

  • Usa siempre aleatoriedad con semilla (randomSeed, noiseSeed) para resultados reproducibles
  • Diseña parámetros que emerjan naturalmente de la filosofía algorítmica
  • Mantén todo el código en línea en un solo archivo HTML para portabilidad

Evitar

  • Evita copiar el trabajo de artistas existentes - crea filosofías algorítmicas originales
  • No omitas la plantilla - usa viewer.html como base de partida
  • Evita valores de color aleatorios - usa paletas pensadas y armoniosas

Preguntas frecuentes

¿Qué es el arte algorítmico?
El arte algorítmico es arte visual creado usando algoritmos computacionales. Utiliza procesos matemáticos y código para generar resultados visuales únicos, a menudo reproducibles.
¿Cómo funciona la aleatoriedad con semilla?
La aleatoriedad con semilla usa un número inicial (semilla) para inicializar generadores de números aleatorios. Esto hace que cada ejecución produzca el mismo resultado, esencial para arte reproducible.
¿Puedo usar esta skill offline?
La skill requiere acceso a internet inicialmente para cargar p5.js desde CDN. Una vez cargado, el arte generado puede funcionar offline en una sesión de navegador cacheada.
¿Qué es la filosofía algorítmica?
La filosofía algorítmica es una cosmovisión computacional que guía la creación artística. Describe los principios matemáticos y estéticos que el algoritmo expresa.
¿Cómo comparto el arte generado?
El resultado es un único archivo HTML autocontenido. Puedes compartirlo enviando el archivo o alojándolo en cualquier servidor web.
¿Puedo exportar el arte como imagen?
Sí, el visor interactivo incluye un botón de descarga que exporta el canvas actual como archivo PNG.

Detalles del desarrollador

Licencia

Complete terms in LICENSE.txt

Repositorio

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

Ref.

main

Estructura de archivos

📁 templates/

📄 generator_template.js

📄 viewer.html

📄 SKILL.md