Guide · v0
v0’s Design Mode lets you select an element in the preview, adjust typography, colors, spacing, borders and more, and apply it to your code; for structural changes you type an instruction. This guide covers what comes after the code leaves the v0 chat: changes in your own repository, made by your own coding agent, from feedback on the deployed app.
Design Mode works inside a v0 chat. v0’s docs say it is only available on chats that use the latest preview runtime, on the latest version of the chat, and not on read-only chats or mobile viewports.
Once the project is connected to GitHub, v0 pushes its changes to a working branch. Work your team does elsewhere in that repository, with Claude Code or Cursor, does not go through Design Mode.
Reviewers looking at the deployed app need a way to point at what is wrong without opening a v0 chat.
Open the deployed app or a preview with the Yocoolab extension and click the element. The comment keeps a screenshot, selector, DOM path, computed styles and the page URL.
Send to Agent hands the thread to Claude Code or Cursor in your checkout of the repository v0 is connected to.
The agent finds the code, makes the change and opens a pull request; the thread moves to In Review for a person to sign off. In v0, Pull Changes brings commits on the base branch into the chat’s working branch.
A generator gets you a first screen fast. Making it look intentional takes specific calls on specific elements, made on the real rendered result by a person. Yocoolab is where those calls get pinned and handed to an agent.
In v0: Project menu, Settings, GitHub, then Connect. v0 pushes generated changes to a working branch.
Clone the repository. For Claude Code, run claude mcp add --transport http --scope user yocoolab https://app.yocoolab.com/mcp and sign in to Yocoolab when it asks. For Cursor, click Add to Cursor on app.yocoolab.com/connect.
Click the exact element and say what should change.
The agent opens a PR and moves the thread to In Review. After merging, use Pull Changes in v0 to bring the commits into the chat.
For a style tweak while you are still iterating in the v0 chat, Design Mode is faster and keeps everything inside v0.
Facts about v0 on this page come from v0 docs: Design Mode and v0 docs: GitHub, checked October 2026.
A visual editor in v0’s preview. You select an element, adjust typography, colors, spacing, borders, opacity, corner radius, shadows or text, and apply the changes to your source code. For structural changes you type an instruction, and v0 attaches a screenshot of the selected element.
v0’s docs say Design Mode is only available on chats that use the latest preview runtime, on the latest version of the chat, and not on read-only chats or mobile viewports.
Yes, once the project is connected to GitHub. Work in a checkout with your own agent, and use Pull Changes in v0 to bring base-branch commits into the chat.
No. v0 generates the UI. Yocoolab is for pointing at elements on the deployed app and handing them to your own agent.
Pin a comment on the element in your live app; your coding agent gets the screenshot, selector and discussion, and opens the PR for a person to review. Free for your whole team, in beta.