Human-AI Collaboration

Intent Preview

Before any significant action, the agent presents a clear, scannable summary of what it intends to do - showing planned steps, reversibility status, and edit controls for user approval.

What is Intent Preview?

The Intent Preview pattern addresses a core anxiety in agentic AI: users need to understand what will happen BEFORE it happens. Unlike traditional AI where the user explicitly types a prompt and evaluates the response, agentic actions may be initiated proactively or involve consequences that are difficult to reverse - sending emails, booking flights, modifying files. This pattern shows a clear, scannable summary of planned actions using plain language (not technical jargon), with each step marked for reversibility and editable by the user. The preview must be sequential for multi-step operations, highlight irreversible actions visually, and never auto-dismiss. This transforms the approval moment from a binary yes/no into a structured review that builds trust and catches misunderstandings before they cause harm.

Example: Claude — Change Preview

Claude showing proposed file changes with review and modify controls before applying edits

When Claude proposes to create or edit files, it shows the intended changes before applying them. Users can review, modify, or reject each change individually, maintaining full control over multi-step operations.

AI Design Prompt

Want to learn more about this pattern?

Explore the full pattern with real-world examples, implementation guidelines, and code samples.

View Full Pattern

Related Prompts from Human-AI Collaboration

Contextual Assistance

Human-AI Collaboration

Design an AI assistance interface with contextual suggestions, similar to Gmail Smart Compose or GitHub Copilot. Show subtle, inline suggestion chips that appear as the user types, positioned near the cursor or input area. Include: a text input area or editor, ghost text preview for AI suggestions (low opacity), inline suggestion chips with accept/dismiss actions, and keyboard shortcut hints (Tab to accept, Esc to dismiss). Style: Clean, modern, minimal interruption to user flow. Use subtle shadows, smooth transitions, and non-intrusive colors. Platform: Web application, responsive layout.

View Full

Human-in-the-Loop

Human-AI Collaboration

Design an interface where humans can review and approve AI suggestions before they're applied: Create a review card showing: 1. **AI Suggestion**: Display the AI-generated content/action with a confidence indicator 2. **Action Buttons**: Clear Approve/Reject/Modify options 3. **Context**: Brief explanation of why AI made this suggestion 4. **Override Option**: Allow users to edit or provide their own input Show visual distinction between AI suggestions (blue/purple) and human-approved items (green).

View Full

Augmented Creation

Human-AI Collaboration

Design an AI-powered creation interface where AI assists without taking over: Create a content editor showing: 1. **Creation Canvas**: Main workspace for user content (text, design, code) 2. **AI Suggestions Panel**: Side panel with AI-generated alternatives or improvements 3. **Accept/Modify Controls**: Easy buttons to accept, edit, or dismiss AI suggestions 4. **Collaboration Indicator**: Visual distinction between human-created and AI-suggested content 5. **Inspiration Mode**: Toggle for AI to generate multiple creative options Show the workflow: User creates → AI suggests improvements → User chooses → Final output. Include clear attribution showing what's AI-assisted vs. human-created.

View Full

Previous PromptAutonomy Spectrum View All Prompts Next PromptPlan Summary