Inline Comment Thread

Inline comment thread is an AI UX pattern that attaches discussion to a selected span of AI or human content. Feedback stays anchored to the words or pixels being debated instead of floating in a separate chat.

Share

Interactive demo

AI Comment Threads
You
This section needs more detail
10:30 AM
AI Assistant
I can help expand this section. Would you like me to add more context?
10:31 AM

Overview

The design problem

How might we design inline comment thread so people can trust and act on AI output?

Use this pattern

When this pattern fits

  • Perfect for review flows on AI-generated PRDs, emails, code, and policies where stakeholders need precise, asynchronous discussion on fragments.

Avoid this pattern

When to skip or lighten it

  • Ephemeral answers users will never revise.
  • Surfaces with no selection model.
  • Mobile views where comment chrome destroys readability (offer a compact mode).

States

State model coming soon

Key UX elements

Key UX elements coming soon

Anti-patterns to avoid

  • Comments that detach when the AI regenerates the paragraph.

  • No resolve state, leaving eternal open threads.

  • AI replies in comments with no human attribution.

  • Commenting on content the commenter cannot see due to ACL bugs.

How products use it

ProductImplementation
NotionInline comments on blocks and AI drafts.
GitHubLine comments on code and Copilot-suggested changes.
ConfluenceInline page comments for collaborative review.
Google DocsSelection comments and suggestion threads.

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 "Inline Comment Thread" AI interface design pattern.

Pattern Definition:

Frequently asked questions

When do inline comments beat chat follow-ups?

When feedback targets a specific sentence, cell, or line. Chat follow-ups are better for whole-answer direction.

Should AI participate in comment threads?

Optionally, if clearly labeled. Keep humans able to resolve and override.

What happens when content is regenerated?

Re-anchor comments when possible, or mark them orphaned with a link to the old text.

How does this relate to smart diff?

Smart diff shows what changed. Inline comments discuss whether those changes should stand.

Weekly AI UX in your inbox

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

Subscribe on Substack