SAME INFORMATION. A DIFFERENT WAY TO SHARE IT.

A workshop with a question, not a premature decision

A fictional pre-read separates evidence, possible pilots and preparation.

Fictional worked example · Not a published customer artifact.

Make this with my agent See the complete result ↓

Your agent can use your own context or help you try the fictional sample. Review a draft first; nothing is published without your approval.

01 / The familiar format

You could send this as an email.

A fictional email with the same underlying facts. Read it here, then compare how the HTML version presents the information.

Email · Fictional example

Juniper Support — preparation for choosing a help-center pilot

Team,

For our September 7, 2026 pre-read snapshot, the workshop can recommend a pilot to explore, not authorize publishing or full rollout. No option is approved. The meeting date, location and duration are still unspecified.

Our evidence is six selected support notes mentioning navigation confusion and three mentioning outdated examples. These are selected observations, not representative prevalence or unique-customer counts. Raw private notes are excluded. Option A tests a topic index; option B revises two help examples. Both lack effort estimates and confirmed resources, and we have no measured or predicted percentage improvement.

Please bring one unanswered question and one constraint from your role. That is not a vote or promise of capacity. My proposed agenda is to review evidence, compare the options and record gaps preventing a confident recommendation; no time allocations are set.

Lee will make any later decision in the project workflow after reviewing our recommendation and gaps. No decision date is supplied. This is common context only, not attendance collection, voting or a decision record. Actual outcomes need a separate reviewed record.

Sam, facilitator

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>Juniper Support · Workshop pre-read</title><style>
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f8fc;color:#182e46;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:#23486b;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">Fictional pre-read / September 7, 2026 / Facilitator Sam</p><h1>Which help-center pilot should we explore?</h1><p class="intro">Recommend a next investigation—not permission to publish or roll out a change. Lee decides later in the existing project workflow.</p></header><section class="lead"><h2>Bring one question and one constraint.</h2><p>Choose an unanswered question and a constraint from your role. Preparation is not a vote or a promise of capacity.</p></section><section><h2>The evidence everyone starts with</h2><div class="grid"><article class="card"><h3>Navigation confusion</h3><p>Six selected support notes mention difficulty navigating.</p></article><article class="card"><h3>Outdated examples</h3><p>Three selected support notes mention outdated examples.</p></article></div><p class="note">Selected observations—not representative prevalence or unique customer counts. Private raw notes are not reproduced.</p></section><section><h2>Two open options</h2><ul><li>Test a topic index.</li><li>Revise two help examples.</li></ul><p>Effort estimates and resource availability are missing for both. No measured improvement or percentage impact is supplied. Neither option is approved.</p></section><section><h2>Sam’s proposed discussion order</h2><ol><li>Review the evidence.</li><li>Compare the options.</li><li>Record gaps that prevent a confident recommendation.</li></ol><p class="note">Meeting logistics and time allocations are not supplied.</p></section><section><h2>What happens after discussion</h2><p>Review the recommendation and gaps before Lee makes any later decision. Create a separate record of the actual workshop outcome. This pre-read collects no attendance, answers or decisions.</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 agent

No 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.