linefield
Collection / 29 pieces / live

Generative backgrounds, shipped as one file.

29 self-contained pieces. No framework, no bundler, no build step: open one, tune it, export it. Hover any specimen below to see it running live.

Every Download ships that piece's default settings — bake from inside the piece to capture your own tuning. Want stills instead of code? Download all 29 as square PNGs.

Interaction mechanism — not a piece

Wake

A pointer-trail overlay you attach to any canvas, separate from the 29 pieces below.

Off by default, opt-in per canvas, never baked into an exported piece. Try it live and tune strength, trail life, strand count, and color.

open wake

Currents

Volumes

Orbits

Surfaces

Codes

Space

The skill that built this

Every constant that renders wrong, what counts as verifying a piece rather than reasoning about it, and the gate for judging a collection instead of one piece at a time. All of it learned by shipping work that looked right on paper and wrong on screen. Drop it into Claude Code and it loads when you build generative canvas work, here or anywhere else.

mkdir -p ~/.claude/skills/building-generative-backgrounds && \
  curl -fsSL https://raw.githubusercontent.com/Classiccottrell/linefield/main/skills/building-generative-backgrounds/SKILL.md \
  -o ~/.claude/skills/building-generative-backgrounds/SKILL.md
View the skill How it was tested