Your disk

A frame is a folder with two files in it. frame.tsx is the screen, frame.json is where it sits on the canvas.

~/code/kaffemain

design/

AGENTS.md1.2 kb

CLAUDE.md0.4 kb

canvas.json8.1 kb

frames/

shared/

tokens.css1.1 kb

on disk3 frames

design/frames/menu/

frame.tsxexport default function Menu()

frame.json{ "w": 390, "h": 844 }

menu

kaffe

Torsgatan 11

Cortado$4.20

Flat white$4.80

Filter coffee$3.20

Checkout

Your agent writes both files straight into your repo.Privacy & cookiesCommit them, branch them, review them in a pull request.