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,...
Install with Tessl CLI
npx tessl i github:boisenoise/skills-collections --skill algorithmic-art69
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
Philosophy creation and file outputs
Philosophy file exists
100%
100%
Movement name
100%
100%
Philosophy paragraph count
0%
100%
Craftsmanship language — meticulously
0%
100%
Craftsmanship language — expertise/mastery
0%
100%
Craftsmanship language — painstaking/refined
0%
100%
No concept redundancy
100%
100%
HTML file exists
100%
100%
Self-contained HTML
100%
100%
Algorithmic philosophy content
100%
100%
Philosophy informs code
100%
100%
Params object has seed
0%
100%
Parameter controls present
100%
100%
Seed navigation controls
100%
100%
Without context: $0.3643 · 4m 14s · 13 turns · 20 in / 8,448 out tokens
With context: $1.0723 · 6m 1s · 22 turns · 2,835 in / 18,279 out tokens
Seeded randomness and reproducibility
randomSeed() called
0%
100%
noiseSeed() called
0%
100%
Seed in params
0%
100%
Canvas 1200x1200
0%
100%
Seed display in sidebar
100%
100%
Previous seed button
100%
100%
Next seed button
100%
100%
Random seed button
100%
100%
Jump-to-seed input
100%
100%
Seed notes file
100%
100%
p5.js CDN version
0%
100%
Without context: $0.7413 · 4m 58s · 13 turns · 18 in / 18,482 out tokens
With context: $1.1586 · 7m 20s · 19 turns · 21 in / 22,676 out tokens
Template-based HTML structure and branding
Poppins font loaded
0%
100%
Lora font loaded
0%
100%
Light background — no dark theme
100%
100%
Anthropic color variables
0%
100%
Single HTML file
100%
100%
Sidebar structure order
0%
100%
Seed section present
0%
100%
Actions section present
50%
100%
Download PNG button
100%
100%
Reset button functionality
100%
100%
p5.js from CDN only
0%
100%
No separate .js output files
100%
100%
Without context: $0.4266 · 2m 46s · 12 turns · 19 in / 10,431 out tokens
With context: $0.8772 · 4m 17s · 15 turns · 251 in / 17,718 out tokens
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.