Build and Deploy a Website with Runner + Compass

Build and Publish in Minutes

In this tutorial, you'll do the full workflow:

1. Ask Runner to create a website
2. Open the HTML output in Compass
3. Publish it with a public URL using Share & Publish

No external hosting setup required.

---

Step 1: Generate the Website in Runner

Open Runner and send a prompt like:

Runner will create the files in your selected environment workspace.

---

Step 2: Open the Site in Compass

Open the generated index.html in Compass.

You can do this from Files via Open in Compass for HTML files, or by opening a local URL format like:

Compass will render your website directly from your environment files so you can verify layout, typography, and interactions.

---

Step 3: Use Share & Publish

When you are viewing a local HTML page in Compass:

1. Click the link icon in the Compass nav bar
2. The Share & Publish popup opens

You get two options:

• Private URL: copy a preview URL (requires login)
• Public URL: click Publish Website to generate a public share link

After publishing, you can:

• copy the public link
• open it in a new tab
• share it with anyone

---

How Publishing Works

When you click Publish Website, Computer Agents creates a publish token for that HTML entry file and serves it through a public URL.

Publishing includes the page and files in its directory so assets like CSS, JS, and images continue to work.

If you iterate on the same page, you can publish again and share the updated output quickly.

---

Fast Iteration Loop

A reliable workflow for fast shipping:

1. Prompt Runner to update design/content
2. Refresh in Compass
3. Re-open Share & Publish
4. Share the new public URL

This makes website prototyping and stakeholder review extremely fast.

---

Troubleshooting

If publish fails:

• Confirm you are on a local:// page in Compass
• Confirm your environment is selected and active
• Make sure the page is an HTML/HTM file

If styles or images are missing:

• Keep referenced assets in the same folder tree as the entry HTML
• Re-publish after moving/renaming files

---

Next Steps

• Using Skills — Add web research and image generation to your website workflow
• Configuring Custom Environments — Install frontend tooling and runtime dependencies
• API Quickstart — Automate website generation and publishing from your own app