Skip to content
artifact.guru

Use case

Let the client review a working draft of their website.

Publish the draft site with its real content and send one link. The client reads the copy where it will live and taps through it on their phone. Each revision shows up at the same address.

Who it’s for: Web designers, agencies, copywriters and freelancers building sites for clients

artifact.guru/linhay-studio/harbor-kiln-draft-3Secret codeFull screen
Harbor Kiln website. The pottery studio is reviewing its new site before launch. The shop and workshop booking already work.A sample. The company and its numbers are made up.
  1. Re-glaze the brown mug in Tidepool.
  2. Add two to the basket to fill the delivery bar.
  3. Book a wheel taster for three.

Content reads differently on the page

Website copy approved in a document often gets rewritten as soon as it’s on the page. The headline wraps badly, or the button label doesn’t fit on a phone. Reviewing the copy in place saves that second round.

A screenshot can only show the page. In the Harbor Kiln draft above, you can try a mug in another glaze or book a seat at a workshop.

How it works

  1. Build the draft with real content

    Ask your agent to build a responsive site from the approved copy and brand. It can be one HTML page, or a folder or .zip with several pages.

  2. Publish and check it

    Say “publish this to artifact.guru”, or drop the folder on your workspace. Open it on your own phone before anyone else does.

  3. Send the link with a code

    Turn on a Secret code and send it separately. The client needs no account, and nobody who only sees the link can open it.

  4. Revise at the same link

    “Shorten the hero line to one sentence and swap the order of Workshops and Journal.” The agent changes only that, and the client reloads the link they already have.

A review round, in practice

RoundWhat the client saidWhat you asked the agent
1“The shop is lovely. Bowls should come first.”“Make Bowls the first shop filter.”
2“Delivery is included over £60, not £50.”“Change the delivery threshold to £60 everywhere.”
3“Can we take workshop bookings?”“Add a workshop calendar with seats left.”

Each round is a version with a message. If round three goes too far, roll back to round two in a click and keep three for later.

On your own domain

On Individual and Team plans you can connect a subdomain like previews.youragency.com, and public and secret-code links move there. Clients see your name in the address.

Limits

  • Pages run in a sandbox in the visitor’s browser, with no server behind them. A form can still post to a form service by its full address.
  • There are no comment threads on the page. Collect feedback where you already talk to the client, then ask the agent to make the change.
  • When the site is approved, deploy it to its real host. The draft link can stay as the record of what was approved.

Prompt

Make your own

Have these ready, then paste the prompt into your agent:

  • Approved page copy
  • Logo and brand colors
  • The sections you want
  • A contact address that works
Prompt
Build a responsive website draft from the copy and brand assets I attach,
as one self-contained HTML page. Use names, prices and wording exactly as
given; if something is missing, ask. Don’t invent reviews, logos or results.

Make navigation, filters and buttons work. Forms should validate and show a
clear success state without sending anything. Check the layout at 390px and
1440px wide.

Publish it privately to artifact.guru, give me the link, and don’t change
who can open it yet.

Common questions

Will the client see older versions?

No. The link always shows the live version. Earlier versions are visible only to your workspace, in the Versions list.

Can I hide the artifact.guru bar?

Yes. Switch off Show controls in the Share panel and the link opens the site full screen, as it will look when it’s live.

Does it work for multi-page sites?

Yes. Upload the folder or a .zip with index.html, and links between pages work as they do on a real host.

Read next

Client work and documentsHow to share an HTML file as a working web pageWhy an attached HTML file doesn’t show the page, what the file needs, and how to publish it as a link people can open on any phone.6 min readShare safelyHow to password-protect an HTML fileWhy a password inside the page only hides it, what a check on the server changes, and how to put an HTML page behind a code that expires.8 min readClient work and documentsHow to update a page you’ve shared without sending a new linkWhat readers see when you change a page you’ve shared, and how to make a focused edit. It also covers who changed what, rolling back, and replacing PDFs and decks.6 min read

More use cases

ProposalClient proposalsPublish a proposal as a page made for one client. The price and timeline change as they pick a package, and they approve it in the same place. On an Email link, you see when they opened it.See how EstimateEstimatesTurn a spreadsheet estimate into a page where the client switches parts of the scope on and off, and the price range and timeline change with them. When they ask “what if we skip Android?”, the page already has the answer.See how ProposalFor agenciesEach client’s proposal, review deck and handover kit gets its own link, shared with only the people who need it. When you revise one, the client’s link shows the new version.See how

Try it with your own file

Copy the prompt above, add your file and publish.

Start freeConnect your agent