
Touch the Canvas
In 1841, an American painter named John Goffe Rand patented a collapsible metal tube for oil paint. Before this, paint was mixed in the studio from raw pigment and stored in pig bladders that dried out within hours. Painters worked indoors because the paint couldn't follow them outside. In the decades that followed, Monet and Van Gogh were standing in fields, painting actual haystacks in actual sunlight. Without Rand's tube, we may have never heard of Impressionism.
A sculptor touches the stone. A musician's hands are on the strings. Product designers have spent decades working through replicas. Paper, Photoshop, Sketch, Figma. A few painted directly in code, but the brush took years to even pick up. Most of us stayed in the replicas, drawing pictures of the thing instead of touching the thing. The product in someone's hand has friction, velocity, weight. It bounces when you flick it. It carries momentum after you let go. Texts stretch when the data does. None of that lives in a frame.
Then agentic coding happened. A change that used to take an engineer a week now takes an agent thirty seconds. The cost of editing the running product fell below the cost of editing a Figma file. The medium changed. Code is the malleable thing now. Real auth, real data, real edge cases, all of it malleable in the same way pixels in Figma used to be.
Which means designers get to hold the brush. The canvas is the running app. The brush is your coding agent. You point at the surface, say what's off, and watch the thing reshape under your hand. No more sketching the painting from across the room.
CritKit is a small manifestation of this idea. Press C in any React app, click the thing that's off, type a note. Your agent gets the list and works it top to bottom. The old design crit was five smart people staring at static replicas, giving replica feedback. This one happens on the painting.
Try it on this page
- 01Press C. Crit mode arms across the whole page.
- 02Hover the panel; elements highlight. Click one that's off.
- 03Type a note, hit . CritKit harvests the DOM context for you.
- 04The crit list docks to your screen edge. Open it, copy the crit prompt.