# Editing and publishing

## Edit

1. Open your project in Studio, on [skins.dev/app](https://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.

## Review

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.

## Publish

Press **Accept changes**. The draft becomes the live skin, and the extension picks it up
([Managing your skins](/docs/managing/#getting-new-versions)).

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](/docs/privacy/#sharing)).