Skip to content

Editing and publishing

  1. Open your project in Studio, on skins.dev/app.
  2. Pick a recording under Recordings. It replays as you recorded it.
  3. Click what you want changed to select it, then the comment button beside it (or ⌘⌥M) and say what should change: “show the total here”, “make this column sortable”, “hide this banner”. Or change it by hand: the camera button freezes the frame into a snapshot, where you move, resize, rotate or retype things. Snapshots save as you go, and bryo builds from them. You can also just write to bryo in the chat.

bryo builds the change as a draft on your recording and answers each request, with what it did or a question. Reply to refine it: bryo reads your replies before it works on the request again. It marks a request resolved when it’s done; one it couldn’t do stays open, with why.

In the chat, the App tab replays your recordings three ways:

Mode Shows
Original The page as recorded, with no skin
Live skin The page with the skin as it is live today
Draft The page with the draft applied

The replay shows the skin’s HTML and CSS. Its JavaScript only runs on the real page, so check a change that relies on it there, after publishing.

Press Accept changes. The draft becomes the live skin, and the extension picks it up (Managing your skins).

Changes from outside Studio, like your own agent’s over MCP, wait in the project’s Skin draft chat. Only someone with build access publishes (Privacy and security).