Skip to content
9:41
ChatGPT
Give me 3 tips to make a houseplant survive winter

Happy to help! Winter is mostly about light and water:

  • Move it closer to a window. Days are shorter, so it needs every bit of light.
  • Water less often. Growth slows, so let the top few centimetres of soil dry out first.
  • Keep it away from radiators. Hot, dry air stresses leaves.

Want tips for a specific plant?

Ask anything
Fictional mockup · not a real conversation

ChatGPT-Style Conversation Mockup Generator

Script an AI-assistant conversation in a ChatGPT-inspired layout — grey user bubbles, full-width formatted answers and the rounded input box — for tutorials, slides and explainer videos.

Screenshots of AI chats are now a standard teaching aid: showing a good prompt next to a weak one, illustrating a workflow in a slide, or opening a video with a question. Real screenshots can expose account details or vary every time you ask. A mockup lets you write the exact exchange you want to discuss. This is an independent mockup tool. It isn't connected to, affiliated with or endorsed by the company behind the product, and nothing here shows real output from that product — you write every message.

  • Free, no sign-up
  • Runs in your browser
  • PNG, JPG and video export

How to make a ChatGPT-style conversation mockup

  1. 1Set the header label (for example the assistant or model name you're illustrating).
  2. 2Write your prompt as a message from You.
  3. 3Write the assistant's answer. Use “- ” for bullets, “1. ” for numbered steps and **bold** for emphasis.
  4. 4Add follow-up turns as needed.
  5. 5Add a Typing indicator for a “Thinking” state.
  6. 6Choose light or dark mode.
  7. 7Export the PNG — the “Fictional mockup” line stays under the input by default.
Open the editor

Why use this ChatGPT-Style Chat generator

Teach prompting

Show good and bad prompts side by side with consistent answers.

Formatted answers

Bullets, numbered lists, bold and inline code render cleanly.

Honest by default

A fictional-mockup label is built in.

Features

  • User bubbles and full-width answers
  • Lists, bold and inline code formatting
  • Thinking state
  • Copy, thumbs and regenerate icons
  • Light and dark themes
  • Switch to Claude, Gemini, Perplexity or Grok-style layouts
  • Works on phones, tablets and desktop
  • Drafts autosave privately in your browser

ChatGPT-Style Chat examples

Original scenes made with this editor. Load one into the editor and change anything.

ChatGPT-Style ChatA well-structured promptExample for a prompt-writing lesson: clear context, format and length. Create something similar
Browse the full example gallery

Common use cases

Prompt-writing courses
Illustrate techniques with fixed examples.
Slide decks
Show an AI workflow without live demos.
YouTube explainers
Open with a question on screen.
Product concepts
Mock up an assistant feature for a pitch.

Tips for a more convincing ChatGPT-Style Chat mockup

  • Keep answers short in screenshots — two or three bullets read better than a wall of text.
  • Use **bold** for the key takeaway in each answer.
  • For before/after prompt comparisons, export two images with the same answer length.
  • Dark mode reads well on projected slides.
  • Don't present a mockup as a real AI response in news or reviews.

Use it responsibly. Mockups are for entertainment, education, design and storytelling. Don’t present them as real conversations, don’t impersonate real people, and never use them as evidence or to deceive anyone. Read our acceptable use policy.

Guides

AIAI Chat Mockups for Tutorials and Slides: When and How to Use ThemReal AI screenshots change every time and can leak account details. Mockups fix both — if you label them.Oct 1, 2026 · 6 min read

ChatGPT-Style Chat generator FAQ

Is this connected to ChatGPT?

No. It's an independent mockup tool and doesn't use OpenAI's service. You write both sides of the conversation.

Can I format the answer?

Yes. Blank lines make paragraphs, “- ” makes bullets, “1. ” numbered lists, **text** bold and `text` inline code.

Can I remove the “Fictional mockup” line?

It's shown by default to keep the image honest. If you're using it in a clearly labelled design context you can crop it out.

Can I switch to a different assistant style?

Yes. The Style menu includes Claude, Gemini, Perplexity and Grok-inspired layouts.

Can AI write the conversation for me?

The sparkle button in the message box loads a starter script you can edit line by line. Fully custom AI writing isn’t available yet.

Is it free?

Yes.

Ready to make your ChatGPT-Style Chat mockup?

It takes about a minute. No account, no watermark, nothing uploaded.

Start creating