Skip to main content
Recreate an existing public page as a saved wireframe in Agent chat. The result keeps the page’s copy and section order, shows its layout, and uses outlined placeholders for images, videos, forms, and other components.
Beta: This guide covers the Wireframe beta workflow. Use Agent chat on desktop. If /wireframe does not appear in your command picker, contact Support to check availability in your workspace.

​
Create a wireframe

For a worked example with an existing Olympus page, follow Build a sales-call funnel.
1

Select the skill

Open Agent chat, type /wireframe, and select Wireframe from the command picker.
2

Describe the page

Send the exact URL of the page you want to recreate:
If you have already shared the URL in this conversation, you can ask for a wireframe of “this page.”
3

Confirm the action

Review and approve the action if prompted. Recreating a supplied page does not require choosing an offer or audience.
4

Review the result

When generation finishes, the saved wireframe appears as an artifact in the conversation. Review the section order, copy, and placeholder briefs. Each request creates one page.

​
How it chooses the structure

For an existing page, the agent opens it in a browser, closes pop-ups and cookie banners, scrolls the full length so every section loads, and reads the visible text and layout. Section order, columns, cards and media positions come from that capture, and the copy is never rewritten. Desktop and mobile screenshots are used to name each section and describe each image. Your saved business context does not replace the source page’s copy. Earlier review suggestions only apply when you request changes separately. The original text remains visible. Media and interactive elements become outlined placeholders with briefs describing what appeared there. A reference wireframe shows how these placeholders should look; its copy and business facts are not reused. If no browser can load the page, generation fails instead of substituting a new draft. App screens that a site draws with HTML may appear as one image placeholder rather than as text. Numbers drawn by scripts the browser cannot read, such as some live counters, can be missing.

​
Draft a new page

You can also ask for a new page from a brief:
For a new page, the agent uses your brief and available brand context. It may ask for a page type; an offer and audience are optional. Missing proof remains a placeholder. The sales-call funnel example shows this separate drafting workflow.

​
Edit the copy

Select a copy field in the completed wireframe, update its text, and click Save. You can edit in the chat artifact or its expanded side pane. Saving creates a new version and keeps earlier versions available. For an exact replacement through chat, name the field and provide the replacement:
For a broader rewrite, identify the section and describe the change:
Editing becomes available when generation or an active revision finishes. Your workspace permissions determine whether you can edit or export the page.

​
Download a saved version

Open the export menu on the wireframe you want to download:
  • Download HTML saves a file you can open in a browser offline.
  • Print / Save as PDF opens a print preview. Continue to your browser’s print dialog and select a PDF destination or printer.
Exports use the selected saved version, including when you open an older version. If you have unsaved copy changes, resolve the Save, Discard, or Cancel prompt before continuing.

​
Continue in Build

Ask the agent to create a Build draft from the version you want to use:
Review any required approval, then continue editing the draft in Build. Creating a draft does not publish the page. Later wireframe edits do not automatically update an existing Build draft. For beta feedback or help with a missing command, contact Support.