# Website Generator — read-aloud walkthrough


Use this short script with the visual guide. The full episode script is supplied separately.


## 1. Build it: Check the existing setup

I’m adding this to an existing Agent OS app. Fresh website copy uses its configured Codex account. The patio example also lets me inspect the design before I connect a writer.

On screen: Check the app is running locally, Python 3.9+ is installed, and Codex is connected for fresh generation.

Check: The existing Agent OS opens. The module uses the app’s connection; account limits still apply.



## 2. Build it: Give the agent the source and brief

I’m giving my coding agent the module source and an exact build brief. It adds the new screen and menu entry while preserving the rest of my app.

On screen: Open the source package and INSTALL.md, then use Copy build brief. Run it in your existing Agent OS project.

Check: The agent adds Website Generator to the menu and reports the installation checks. The source package is an add-on, not the entire app.



## 3. Build it: Prove the installation works

I’m checking the worker and page routes, then opening the included example. A clean test result and a working preview give me evidence that the installation is ready for a fresh brief.

On screen: Use the verification commands below. In Website Generator, choose Open patio example.

Check: Draft ready appears with 15 pages for the included example. Verify a service link and the ZIP. Our tested app passed; other app versions may need adaptation.



## 4. Use it: Write a useful business brief

I’m describing a fictional patio site for small backyards in Austin. I’m explaining the shade and daylight choices, and I’m stating which business facts are unknown.

On screen: Fill Website / business name, Target city or area, Services to feature, the audience box and Verified facts and source links.

Check: The brief contains three distinct services and a useful angle. No invented contractor credentials are supplied.



## 5. Use it: Start a fresh website

I’m choosing Generate my website. The job is saved while the writer works. I can leave this page, but the local system must keep running.

On screen: Choose Generate my website once. Wait for Draft ready in Saved website.

Check: Creating your website… appears, followed by a saved draft. One build runs at a time. The start and completion recordings omit the waiting interval.



## 6. Use it: Review desktop and mobile

I’m checking the six-page draft in both widths. I can see the layout before choosing what needs editing. A finished draft still needs its facts and business setup reviewed.

On screen: Use Desktop preview and Mobile preview. Reload the page and select the draft from Saved website.

Check: The six-page draft remains saved. The preview resizes; the desktop and phone controls show the selected state.



## 7. Use it: Inspect the actual website

I’m opening the website itself. The service choices link to separate pages, and the photo labels make clear that these are concept images.

On screen: Choose Open website preview. Follow a service link and inspect the contact page.

Check: The service page loads. The form remains a demonstration and does not deliver enquiries. Concept images are not a portfolio.



## 8. Use it: Review evidence and export

I’m reading Research & SEO notes and the launch checks before carrying the files forward. The package keeps the pages and project notes together.

On screen: Choose Research & SEO notes, inspect Before this goes live, then choose Download website ZIP.

Check: The package contains website files and project notes. Source claims still need review. Hosting, live forms and recurring SEO are not connected by this action.