Compétences algorithmic-art
🎨

algorithmic-art

Sûr 🌐 Accès réseau📁 Accès au système de fichiers⚙️ Commandes externes

Crear Arte Generativo con p5.js

Également disponible depuis: Cam10001110101,davila7,sickn33,Azeem-2,ZhanlinCui,ArtemisAI,anthropics

Transforma conceptos matemáticos en arte visual impresionante utilizando técnicas algorítmicas. Esta habilidad proporciona plantillas guiadas para crear obras de arte generativas reproducibles con aleatoriedad sembrada y controles interactivos.

Prend en charge: Claude Codex Code(CC)
📊 70 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "algorithmic-art". Crea una pieza de arte generativo llamada 'Polvo Cósmico' con patrones de partículas en espiral

Résultat attendu:

  • Archivo HTML con sketch p5.js embebido
  • Controles en la barra lateral para conteo de partículas, velocidad y modo de color
  • La aleatoriedad sembrada asegura patrones reproducibles
  • Botones de descarga para exportación PNG y SVG
  • Lienzo responsivo que se adapta al tamaño de la ventana

Utilisation de "algorithmic-art". Genera un campo de flujo basado en ruido que crea patrones orgánicos similares a ríos

Résultat attendu:

  • Cálculo de campo de ruido Perlin mapeado a ángulos de partículas
  • Renderizado de estela de partículas en tiempo real
  • Controles en la barra lateral para escala de ruido y fuerza de flujo
  • Animación suave usando requestAnimationFrame
  • Funcionalidad de guardado de obras de arte para exportación de alta resolución

Audit de sécurité

Sûr
v5 • 1/17/2026

This skill contains only documentation and templates for creating generative art with p5.js. No executable code, network calls, or file operations exist. Static findings are false positives from misidentified markdown syntax and metadata references.

2
Fichiers analysés
376
Lignes analysées
3
résultats
5
Total des audits

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
21
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Crear Obras de Arte Únicas

Generar piezas visuales únicas utilizando algoritmos matemáticos y aleatoriedad sembrada para reproducibilidad.

Construir Visualizaciones

Crear visualizaciones de datos interactivas e instalaciones de arte generativo con parámetros personalizables.

Prototipar Patrones

Prototipar rápidamente patrones procedimentales para textiles, papeles pintados o materiales de marca.

Essayez ces prompts

Patrón de Flujo Básico
Crea una pieza de arte generativo usando p5.js con patrones de partículas fluidas. Incluye aleatoriedad sembrada para reproducibilidad y una barra lateral con controles de velocidad y densidad.
Campos de Flujo Orgánicos
Genera un visor HTML con visualización de campo de ruido Perlin. Las partículas deben seguir el flujo de ruido creando patrones de turbulencia orgánica. Agrega controles para la escala de ruido y el conteo de partículas.
Patrones Geométricos
Crea arte algorítmico basado en secuencias de Fibonacci y proporciones áureas. Implementa patrones geométricos recursivos con gradientes de color y controles de complejidad.
Simulación Interactiva
Construye un sistema de partículas complejo con fuerzas de atracción y repulsión, efectos de estela e interacción con el mouse. Incluye múltiples fuentes de emisión y controles de parámetros físicos.

Bonnes pratiques

  • Usar siempre funciones aleatorias sembradas (randomSeed, noiseSeed) para obras de arte reproducibles
  • Implementar windowResized() para comportamiento de lienzo responsivo en diferentes tamaños de pantalla
  • Usar requestAnimationFrame para animaciones suaves a 60fps sin bloqueos

Éviter

  • Usar Math.random() en lugar de funciones aleatorias sembradas rompe la reproducibilidad
  • Crear bucles infinitos sin control adecuado de velocidad de fotogramas causa bloqueos del navegador
  • Codificar dimensiones de lienzo de forma fija impide el comportamiento responsivo en diferentes pantallas

Foire aux questions

¿Es esto compatible con todos los navegadores modernos?
Sí, p5.js funciona en todos los navegadores modernos. El HTML generado incluye enlaces CDN para la biblioteca.
¿Cuál es el tamaño máximo de lienzo soportado?
El tamaño del lienzo está limitado por la memoria del navegador. Para un mejor rendimiento, mantén las dimensiones por debajo de 2000x2000 píxeles.
¿Puedo embeber esto en mi proyecto web existente?
Sí, el HTML generado es autocontenido y puede ser embebido o modificado para integración.
¿Son privados y seguros los datos de mi obra de arte?
Toda la generación ocurre localmente en tu navegador. No se envían datos de obras de arte a servidores externos.
¿Por qué mi animación se ejecuta lentamente?
Reduce el conteo de partículas o la complejidad. Usa requestAnimationFrame y optimiza tus bucles de dibujo.
¿Cómo se compara esto con Processing?
p5.js es la versión JavaScript de Processing, diseñada para navegadores web con sintaxis y conceptos similares.

Détails du développeur

Structure de fichiers

📄 SKILL.md