124 cards · one book

Clow

A design system you open like a book and draw into your tree.

npx shadcn add @clow/button

“The cards read like our own code.”

drag to shuffle

ferro-inkterminalagent-cardshuffle-cardscode-windowpetal-fallfile-treetimelinecopy-snippetpull-request-cardliquid-etherworkflowkeycap-boardpixel-blastdevice-mockdata-tableglyph-glitchmeta-ink

bento-grid

A wall of paper cells under one light

~/the-book

opening the book…

✓ card drawn

» sealed as source

draw

One command

The card lands as source, tokens attached.

Terminal

deck

Cards

Open the book

Open

book

Draw

now

Seal

tree

ritual

Open · Draw · Seal

Workflow

agents

Also draw

llms.txt

scene-card

docs →

scene · warm

The Light

scene · dusk

The Mirror

scene · ember

The Shield

backgrounds

Paper under the ink

Six fields that hold up. The rest live in the book, one at a time.

/ ferro-inkFerro Ink

/ liquid-etherLiquid Ether

/ pixel-blastPixel Blast

/ glyph-glitchGlyph Glitch

/ meta-inkMeta Ink

/ petal-fallPetal Fall

full weather in the book →

code-comparison

One sheet, two moments

seal.tsxdrag the seam

before

1-import "./button.css"
2-<button className="btn">
3     open
4-</button>

after

1+import { Button } from "@clow/button"
2+<Button variant="accent">
3     open
4+</Button>

llms.txt·/r/agent·/api/mcp

Draw. Seal as source.

The card lands in your tree as real code, tokens attached. Yours to keep, read the same by humans and agents.

draw a card

$npx shadcn@latest add @clow/button

Open the book llms.txt →