01 / The familiar format
You could share this as a wiki page.
A fictional wiki entry with the same underlying facts. Read it here, then compare how the HTML version presents the information.
Team wiki · Fictional example
Cedar Workshops — FAQ draft for policy review
Review status
September 7, 2026. Common questions concern date changes, recordings, invoice corrections and refunds. This is an unapproved policy-owner review draft, not a live customer help page. No individual customer messages are reproduced.
Changing a session date
R1: attendees may request one date change at least 48 hours before the booked session. A new place depends on space and confirmation through the existing booking help route; a request is not confirmation.
Recordings and invoice corrections
R2: recordings are available for 14 days after the session through the existing attendee portal. Portal URL and login instructions need to be supplied. R3: invoice corrections go through established billing help; the FAQ must not collect card or payment information.
Refund policy and ownership
R4 is unresolved: the refund policy is absent, so neither eligibility nor ineligibility is established. The support policy owner must confirm the answer before publication and review the other three policies before the next edition. No response-time promise is approved.
Before publication
Supply and verify audience-appropriate help URLs before publishing. Sharing this draft does not change a booking, correct an invoice, submit support requests or approve refunds.
02 / The HTML version
Same information. See what needs your attention.
This is the complete static HTML example, not a screenshot. Scroll inside the preview to read it all. It has no live data, scripts, forms, or external resources.
Inspect the complete HTML source
This is the authored source for the example. The preview above passes through our HTML sanitizer before rendering in an isolated frame.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Cedar Workshops: a policy-backed FAQ draft</title><style>
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f8f5;color:#20352f;font:17px/1.65 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:clamp(20px,5vw,64px)}h1,h2,h3,p{margin:0 0 18px}h1{font:500 clamp(32px,5vw,58px)/1.14 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}h2{font:500 29px/1.3 Georgia,serif;overflow-wrap:anywhere}h3{font-size:19px;line-height:1.4}.label{font:700 12px/1.6 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro{font-size:20px}.lead{background:#174b40;color:white;padding:24px;margin:28px 0}.lead p:last-child{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px;margin:24px 0}.card{background:white;border:1px solid #bbc5c4;padding:24px}.metric{font:500 38px/1.2 Georgia,serif;display:block;margin-bottom:12px}section{margin:36px 0}ul,ol{padding-left:22px}li{margin-bottom:12px}.note{font-size:14px}.warning{border-left:5px solid #956118;padding-left:20px}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #956118;outline-offset:4px}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #bbc5c4;padding:12px 8px;overflow-wrap:anywhere}caption{text-align:left;font-weight:700;padding:12px 0}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #bbc5c4;padding-top:24px;margin-top:40px;font-size:14px}@media(max-width:480px){th,td{padding:10px 4px;font-size:14px}}@media print{body{background:white}.card,.lead{break-inside:avoid}h2,h3{break-after:avoid}}
</style></head><body><main><header><p class="label">Cedar Workshops / Fictional review draft / September 7, 2026</p><h1>Find the answer. Know the next step.</h1><p class="intro">Three policy-backed answers for the support policy owner to verify. This draft is not ready for customer publication.</p></header><section><h2>Change a session date</h2><div class="card"><h3>Can I move my booking?</h3><p>You may request one date change at least 48 hours before your booked session. A place on the new date depends on space and still needs confirmation.</p><p>Use the existing booking help route. Its URL has not been supplied for this draft. A request does not confirm the change.</p><p class="note">Approved source R1.</p></div></section><section><h2>After the session</h2><div class="grid"><article class="card"><h3>Where is my recording?</h3><p>The recording is available through the existing attendee portal for 14 days after the session.</p><p class="note">Source R2. Portal URL and login instructions were not supplied.</p></article><article class="card"><h3>How do I correct an invoice?</h3><p>Use the established billing help route. Do not send card numbers or payment details to this page.</p><p class="note">Source R3. Billing help URL needs confirmation.</p></article></div></section><section class="warning"><h2>Refund answer: approval required</h2><p>The refund policy was not supplied. This draft neither grants nor denies a refund. The support policy owner must confirm the answer before publication.</p><p class="note">Source R4. No support response-time promise has been approved.</p></section><section><h2>Before this reaches customers</h2><ol><li>The support policy owner verifies R1–R3 and resolves R4.</li><li>Supply and test the booking, portal and billing links for customers.</li><li>Approve the final draft and intended audience separately.</li></ol><p>This reading page does not change bookings, correct invoices, submit tickets or approve refunds.</p></section><footer>Fictional worked example by share/artifacts. Names, dates, figures and records are invented for demonstration. Static snapshot; no live data or automatic updates.</footer></main></body></html>
Make the next one about your work.
- Take the task to your agent. We provide a request with the goal, example, and checks. Copy it into the conversation where your context lives.
- Supply only what is missing. Use material your agent is authorized to access. Don’t substitute the example’s invented facts for your own.
- Review a draft before sharing. Check facts, readability, and sensitive information. Publishing and choosing who can open it are separate, explicit decisions.
Make this with my agentNo publishing connection is needed for an initial local draft. Your agent needs to be able to create an HTML file; preview and connection support vary by client.