∞ forever components

Claude Code Objects

Test Pegboard

Pegboard of painted pegs: a scan line sweeps across and failing brick pegs turn sage as fixes land, until the suite is all green and a new one begins.

canvasmedium complexitymoderate motionclick

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
1

When to use it

A test run converging to green needs a physical, wordless status object.

When not to

Per-test names or logs must be readable.

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Palette: warm graphite, clay, ochre and sage. Change PEG grid or fail counts in the script; recolour with the --co16 tokens.

Safe to edit

  • colour tokens on :root (--co16-*), board and hole tones
  • grid size, fail counts and sweep speed in the script

Keep intact

  • demo-v1: __foreverPreview.demoEnabled, forever:interactive, first-input takeover
  • theme: ?theme=, forever:theme messages, light tokens
  • IIFE, visibilitychange, reduced motion, keyboard, aria-live

Known limitations

  • Counter is drawn on canvas; the live region carries the same value for assistive tech.
  • State is local to each mounted instance.

pegboardtestsstatuscanvasprogress

More Claude Code Objects components

  • Context JarGlass jar of sand strata (system, memory, files, conversation). Grains pour until a lid presses the jar into one dense summary band, like /compact.
  • Mode KeyBrass key in a cylinder lock on an enamel plate. Three detents (ask, edits, plan) like Shift+Tab; the key turns with spring overshoot and a lamp changes…
  • Allow StampPaper slip with one command and a rubber stamp that inks ALLOW or DENY, then the slip joins a pile, like a permission prompt.
  • Sub-agent OrbitChalk-on-ink diagram: a pulsing core launches sub-agent moons onto elliptical orbits; each works, curves back and merges, adding a bead to the core. Max…
  • Hunk DeckA stack of index cards, each an abstract diff; swipe right to keep a hunk, left to reject it.
  • Rewind ReelOpen-reel tape writes file blocks; rewind returns to the previous checkpoint and un-writes them.