CtrlK
BlogDocsLog inGet started
Tessl Logo

algorithmic-art

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-art
What are skills?

69

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

Evaluation results

100%

31%

Generative Art for Science Museum Exhibit

Philosophy creation and file outputs

Criteria
Without context
With context

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

100%

52%

Generative Art Workshop: Reproducible Variations

Seeded randomness and reproducibility

Criteria
Without context
With context

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

100%

52%

Interactive Art Piece for Tech Conference Lobby

Template-based HTML structure and branding

Criteria
Without context
With context

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

Evaluated
Agent
Claude Code

Table of Contents

Is this your skill?

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.