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, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

78

1.66x
Quality

67%

Does it follow best practices?

Impact

95%

1.66x

Average score across 3 eval scenarios

SecuritybySnyk

Advisory

Suggest reviewing before use

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/algorithmic-art/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

88%

68%

Breath-Sync Visualizer for a Wellness App

Philosophy creation workflow

Criteria
Without context
With context

Craftsmanship emphasis repeated

0%

100%

Philosophy length

0%

100%

Named movement

0%

100%

Algorithmic focus

100%

100%

randomSeed usage

0%

100%

noiseSeed usage

0%

100%

Seed in params object

0%

0%

Algorithm inline

100%

100%

100%

34%

Interactive Gallery Installation: Murmuration Dynamics

Interactive HTML artifact structure

Criteria
Without context
With context

Poppins or Lora font

0%

100%

Light color scheme

100%

100%

Seed display element

100%

100%

Previous and Next seed buttons

100%

100%

Random seed button

0%

100%

Jump-to-seed input

100%

100%

Regenerate button

0%

100%

Reset button

0%

100%

Download PNG button

100%

100%

Seed before Parameters in sidebar

100%

100%

p5.js from cdnjs CDN

100%

100%

97%

12%

Generative Art Piece: Crystalline Growth Patterns

Parameter design and conceptual encoding

Criteria
Without context
With context

Canvas 1200x1200

100%

100%

Parameters beyond seed

100%

100%

Conceptual encoding — not literal

100%

100%

Philosophy non-redundant

90%

100%

Self-contained HTML

100%

76%

p5.js setup and draw

0%

100%

Parameters from philosophy

66%

100%

Algorithm expresses philosophy

92%

100%

Repository
haniakrim21/everything-claude-code
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.