Skip to main content

Documentation Index

Fetch the complete documentation index at: https://fromhazel.ai/docs/llms.txt

Use this file to discover all available pages before exploring further.

What artifacts are

Artifacts are standalone pieces of content Hazel creates inside a thread — things that are too rich to live inline in a chat message. Instead of cluttering the conversation, Hazel opens them in a dedicated side panel next to your chat, so you can read, scroll, and keep asking questions at the same time. Today, artifacts support HTML documents: fully styled, self-contained pages Hazel generates from your conversation. Because they’re real HTML, they can be just about anything visual:

Webpage mockups

Spin up a landing page concept, a PDP layout, or a homepage hero to react to before bringing it to design.

Email mockups

Draft a campaign email, a transactional template, or a winback flow — styled and ready to forward.

Ad creative

Mock up static or HTML5 ad units to sanity-check copy, layout, and offer before sending to your creative team.

Wireframes

Sketch out a new feature or flow as a clickable wireframe so stakeholders can see it, not just read about it.

Presentations

Generate full slide decks — board updates, campaign recaps, internal readouts — styled and ready to present.

Interactive experiences

Hazel can build small interactive tools — calculators, quizzes, prototypes — right inside an artifact.

When Hazel creates one

Hazel decides to create an artifact when your request would produce something too long, too visual, or too structured to read comfortably in chat. For example:
  • “Mock up a landing page for our new hydration SKU”
  • “Draft a winback email for lapsed subscribers”
  • “Wireframe a new checkout flow with an upsell step”
  • “Build me a 10-slide deck recapping last quarter for the board”
  • “Build an interactive ROI calculator I can share with a prospect”
  • “Put together a one-pager summarizing last quarter’s performance”
You can also ask for one explicitly — “make this an artifact” works.

How it shows up

When Hazel starts an artifact, you’ll see an indicator appear in the chat. Click it to open the artifact panel on the right side of the screen.

Side-by-side

The artifact opens next to your conversation, so you can keep chatting with Hazel while reading.

Expanded

Need more room? Expand the panel to give the artifact more space. Collapse it back anytime.
The artifact streams in as Hazel generates it — you’ll see the title appear first, followed by the content as it’s written.

Working with artifacts

Once an artifact is open, you can:
  • Iterate on it — ask Hazel to revise the copy, swap the layout, change the styling, or add a slide. Hazel will update the artifact in place.
  • Reference it later — artifacts are saved with the thread, so you can come back to them anytime.
  • Keep chatting — the conversation continues normally underneath. Anything you ask after creating an artifact has the artifact as context.
Artifacts are great for anything you’d want to forward to a teammate or drop into a review. Ask Hazel for a “mockup,” “wireframe,” “deck,” or “shareable write-up” and it will likely build one as an artifact.

What’s coming

HTML is the first artifact type. More types — including spreadsheets and editable documents — are on the roadmap. If there’s a format you’d like to see, let us know in your shared Slack channel.
Next up: Learn how scheduled reports deliver Hazel’s findings to your inbox on a recurring cadence.