AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Comparison · Design the composer

AI chat composer UX compared: ChatGPT, Claude, Perplexity & Gemini

ChatGPT hides power in a calm bar. Claude shows model and cost before send. Perplexity forces research depth upfront. Gemini keeps the bar empty and routes files through Drive.

Bottom line

Pick ChatGPT if first-message habit matters most. Pick Claude if spend and latency need to be visible before send. Pick Perplexity if research depth is the default decision. Pick Gemini if Google files and Workspace depth are the hook.

At a glance

Design the composer: ChatGPT vs Claude vs Perplexity vs Gemini
DimensionChatGPTClaudePerplexityGemini
Default barEmpty messaging bar; starter pills hint at jobs without mode chips.Empty card with starter pills; model and effort already visible on the right.Ask bar with Search and Computer chips inside; research depth is the default decision.Empty pill bar, no chips; + left, Flash nickname and mic on the right.
Tool & mode disclosureOne + menu for attach, tools, and modes; removable chips show scope before send.Web search on by default; + menu for skills and attach; no separate search mode chip.Mode chips (Search, Computer) are primary; + handles uploads and connectors.+ menu leads with Drive; Deep research and creation tools live in flyouts.
Model & cost visibilityOutcome labels in menus (“Create image,” “Deep research”) over raw model names.Model and effort on the composer for spend control before the first send.Model picker on the bar; free tiers often show locks; Computer labeled as orchestrator.Flash on the bar; picker uses outcome labels and plain-language thinking copy.
Attachments & contextRemovable chips for tools and files so scope is legible before send.Context chips for files and sources; input enrichment over mode picking.File preview with name and size in the ask bar; source toggles in connector flyout.Add from Drive on the first + screen; image preview with filename in the pill.
VoiceTwo voice entry points; dictation vs conversation is easy to confuse.Voice transcription with confirm before send; icons can look alike until tapped.Mic and voice on the right of the bar beside the model control.Mic on the compose row as a peer to typing.
Product betMass-market habit: look like chat, reveal power when intent is clear.Research-ready default with explicit cost/quality before send.Research product: pick depth before the query, not after.One front door; ecosystem retention via Drive and Google workflows.

Default bar

ChatGPT
ChatGPT: Empty messaging bar; starter pills hint at jobs without mode chips.

Empty messaging bar; starter pills hint at jobs without mode chips.

Claude
Claude: Empty card with starter pills; model and effort already visible on the right.

Empty card with starter pills; model and effort already visible on the right.

Perplexity
Perplexity: Ask bar with Search and Computer chips inside; research depth is the default decision.

Ask bar with Search and Computer chips inside; research depth is the default decision.

Gemini
Gemini: Empty pill bar, no chips; + left, Flash nickname and mic on the right.

Empty pill bar, no chips; + left, Flash nickname and mic on the right.

Tool & mode disclosure

ChatGPT
ChatGPT: One + menu for attach, tools, and modes; removable chips show scope before send.

One + menu for attach, tools, and modes; removable chips show scope before send.

Claude
Claude: Web search on by default; + menu for skills and attach; no separate search mode chip.

Web search on by default; + menu for skills and attach; no separate search mode chip.

Perplexity
Perplexity: Mode chips (Search, Computer) are primary; + handles uploads and connectors.

Mode chips (Search, Computer) are primary; + handles uploads and connectors.

Gemini
Gemini: + menu leads with Drive; Deep research and creation tools live in flyouts.

+ menu leads with Drive; Deep research and creation tools live in flyouts.

Model & cost visibility

ChatGPT
ChatGPT: Outcome labels in menus (“Create image,” “Deep research”) over raw model names.

Outcome labels in menus (“Create image,” “Deep research”) over raw model names.

Claude
Claude: Model and effort on the composer for spend control before the first send.

Model and effort on the composer for spend control before the first send.

Perplexity
Perplexity: Model picker on the bar; free tiers often show locks; Computer labeled as orchestrator.

Model picker on the bar; free tiers often show locks; Computer labeled as orchestrator.

Gemini
Gemini: Flash on the bar; picker uses outcome labels and plain-language thinking copy.

Flash on the bar; picker uses outcome labels and plain-language thinking copy.

Attachments & context

ChatGPT
ChatGPT: Removable chips for tools and files so scope is legible before send.

Removable chips for tools and files so scope is legible before send.

Claude
Claude: Context chips for files and sources; input enrichment over mode picking.

Context chips for files and sources; input enrichment over mode picking.

Perplexity
Perplexity: File preview with name and size in the ask bar; source toggles in connector flyout.

File preview with name and size in the ask bar; source toggles in connector flyout.

Gemini
Gemini: Add from Drive on the first + screen; image preview with filename in the pill.

Add from Drive on the first + screen; image preview with filename in the pill.

Voice

ChatGPT
ChatGPT: Two voice entry points; dictation vs conversation is easy to confuse.

Two voice entry points; dictation vs conversation is easy to confuse.

Claude
Claude: Voice transcription with confirm before send; icons can look alike until tapped.

Voice transcription with confirm before send; icons can look alike until tapped.

Perplexity
Perplexity: Mic and voice on the right of the bar beside the model control.

Mic and voice on the right of the bar beside the model control.

Gemini
Gemini: Mic on the compose row as a peer to typing.

Mic on the compose row as a peer to typing.

Product bet

ChatGPT

Mass-market habit: look like chat, reveal power when intent is clear.

Claude

Research-ready default with explicit cost/quality before send.

Perplexity

Research product: pick depth before the query, not after.

Gemini

One front door; ecosystem retention via Drive and Google workflows.

What to copy

More design the composer teardowns

Same job, not covered in the sections above.

Frequently asked questions

What is an AI chat composer?

The composer is where users type prompts and choose tools, modes, attachments, models, and voice before the model responds. It sets expectation, cost, and capability before the first token streams.

ChatGPT vs Claude vs Perplexity vs Gemini: which composer UX is best?

None is universally best. ChatGPT favors habit and first-message conversion. Claude favors cost and quality visibility with web search on by default. Perplexity favors choosing research depth before the query. Gemini favors a calm bar plus Google ecosystem depth. Match the pattern to your users.

Should tools live in the bar or behind a + menu?

Use bar chips when mode is the product (Perplexity Search vs Computer). Use a + menu when most users should just type (ChatGPT, Gemini). Claude’s middle path defaults web search on and keeps skills behind +. Parallel discovery paths without a bridge confuse users.

Where should model and cost controls appear?

Put model and effort on the composer when spend and latency matter before send (Claude). Use outcome labels in menus when casual users should not pick model names (ChatGPT, Gemini). Lock or gate pickers honestly on free tiers (Perplexity) rather than hiding limits until after send.

How is this comparison different from the product teardowns?

Each product teardown is a screenshot-backed walkthrough of one composer. This page synthesizes the same job across products into a bottom line, comparison table, and copy rules. Use it to pick a pattern, then open the linked teardown for evidence and anti-patterns.