Preview

Preview your app in Velork's built-in browser. Start your dev server, open its URL in a browser tab, and keep it next to the canvas and the chat while you or Agent make changes.

Start your dev server

Run your usual command in a terminal, for example npm run dev. You can open a terminal in the editor, or in full-screen chat from the agents panel launcher with Terminal (T).

You can also ask Agent to start it:

Start the dev server and open the app in the browser.

Open the preview

1. Press Cmd + Option + 1 to open the browser.
2. Type the local address, such as localhost:5173.

If the server is not running yet, the browser tells you to start it or check its port. Start it, then click Try again.

Most dev servers reload the page on save. If yours does not, click Reload, or choose Hard Reload from More Actions to skip the cache.

Compare with the design

In full-screen chat, open the canvas and the browser as tabs in the agents panel and switch between them. In the editor, switch to Canvas with Cmd + Option + C and back.

To check responsive layouts, click Toggle Responsive Mode and pick a device, such as iPhone 15 Pro or iPad Mini. See Test at device sizes.

Ask for fixes in place

Click Annotate, then click the part of the page that is wrong and describe the fix. Agent gets your note with the element you pointed at. See Point at what to fix with Annotate.

Next steps