Follow-up Chips

Follow-up chips are an AI chat UX pattern that offers tappable suggested next turns under an answer, questions, refinements, or related tasks. They reduce blank-composer abandonment and teach productive conversation structure after a reply.

Share

Interactive demo

Analyze the database schema.

Looks tidy overall. Five tables with clear relationships between users and orders. A few useful next steps:

Overview

The design problem

How might we help people continue a conversation without staring at a blank composer?

Use this pattern

When the answer opens obvious next steps

  • Research and chat products where answers naturally branch into follow-up questions.
  • After substantive replies where users might not know what to ask next.
  • Gemini related questions, Perplexity related research, ChatGPT suggested follow-ups.
  • Surfaces where 2-4 high-relevance options beat a generic "Tell me more" nudge.

Avoid this pattern

When chips compete with primary actions or feel generic

  • Dense professional tools where chips fight with primary actions (copy, cite, regenerate).
  • Answers that already embed a clear checklist of next steps as the main content.
  • Multi-turn agent runs mid-flight, where chips interrupt an active plan.

States

Design the suggestion lifecycle, not only static pills parked under every answer.

Follow-up chips conversation flow

Loading diagram…

  1. 01

    Answered

    The agent reply is complete. Suggestions should reference what was just said, not the whole product.

  2. 02

    Suggested

    Two to four chips appear under the answer. Each names a concrete next task tied to the content.

  3. 03

    Selected

    The person taps a chip. It becomes the next user turn, optionally editable before send.

  4. 04

    Loading

    The follow-up generates from the chip prompt. Prior turns stay visible for context.

  5. 05

    Continued

    A new answer appears. Fresh chips may replace the old set based on the latest reply.

  6. 06

    Dismissed

    The person ignores chips and types freely. Suggestions should not block the composer.

Key UX elements

The parts that must be present for suggested next turns to feel useful.

Chips

Offer 2-4 contextual options.

Each chip should read like a real next question, not a filler prompt. More than four competes with copy, cite, and regenerate, so keep the row light.

Scope

Tie each chip to the answer.

Name a concrete next ask from the answer (compare options, dig into one claim, export). Avoid generic "Explain more."

Submit

Send the chip as a user turn.

Tap should append the prompt to the thread so the conversation history stays coherent.

Refresh

Replace chips after new answers.

Regenerate or a new reply should produce fresh suggestions, not repeat stale options.

Anti-patterns to avoid

  • Generic chips (“Tell me more”) that ignore the answer’s actual content.

  • Too many chips (6+) that recreate decision paralysis.

  • Chips that submit without allowing edit, forcing unwanted side quests.

  • Repeating the same chip after every regenerate with no novelty.

How products use it

ProductImplementation
GeminiRelated question chips under answers to continue research.
ChatGPTSuggested follow-ups after many replies to drive the next turn.
PerplexityRelated questions that deepen or pivot the research thread.
ClaudeContextual next-step prompts after substantive answers.

Implementation

Copy this prompt to generate a production-ready implementation in Cursor, Claude Code, Lovable, or any AI coding agent.

Generate a production-ready implementation of the "Follow-up Chips" AI interface design pattern.

Pattern Definition:

Frequently asked questions

What are follow-up chips in AI chat UX?

Follow-up chips are suggested next prompts shown as tappable chips under an answer so users can continue the conversation without inventing the next question from a blank composer.

How are follow-up chips different from the follow-up pattern?

Follow-up chips are a specific UI affordance: visible suggestion pills. Broader follow-up patterns also include written “you could also ask…” copy, related questions sections, or auto-proposed tasks without chip UI.

How many follow-up chips should I show?

Usually 2-4 high-relevance options. More than that competes with primary actions and feels like another search page instead of a light nudge.

Weekly AI UX in your inbox

Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.

Subscribe on Substack