Code Studio

Ask your AI for a Zlo pageShare /rules or /llms.txt with your AI and describe what you want to make. Ask for a finished webpage, not instructions for building it yourself.

Bring the page into CreateOpen Code Studio and choose Create. Paste the complete HTML, or upload the .html file. If the page has separate images or other files, ask your AI for one ZIP and upload that instead.

Include the pictures with the pageFor a ZIP, put index.html at the top level and pictures in images/. Use relative paths such as images/hero.jpg. Zlo imports the page and its pictures together; you do not need to attach each picture separately. Keep the package under 25 MB. For pasted HTML, pictures must be embedded in the file or supplied separately through the optional Images workflow.

Preview and revisePress Run to check the page. To change it, ask your AI to revise the webpage, then paste or upload the updated version and preview it again.

Prepare your webpage folderKeep index.html and the files it uses in one folder. Include pictures in that folder and reference them with relative paths, such as images/hero.jpg.

Link it in SyncOpen Code Studio, choose Sync, then select your webpage folder and allow the browser to read it. If there is no index.html, select the HTML page when prompted.

Save and check the previewEdit your files with your coding tool and save. While Code Studio is open and linked, Sync updates the preview from the folder, including its pictures. You do not need to upload those pictures one by one.

Reconnect when neededKeep the folder available on this computer. If the browser asks for access again or the folder moves, reconnect it in Sync before continuing.