Human-AI Collaboration

Contextual Assistance

Offer timely, proactive help and suggestions based on user context, history, and needs.

What is Contextual Assistance?

Contextual Assistance is an AI design pattern where systems proactively offer help based on user context and behavior, without waiting to be asked. Instead of interrupting workflows with generic tips, this pattern analyzes what users are doing right now and suggests relevant actions at the perfect moment. It's most effective for repetitive tasks, complex applications, and situations where AI can learn from patterns to predict needs. Examples include Gmail's Smart Compose finishing your sentences, search autocomplete guessing your query, and Notion suggesting relevant pages as you type.

Example: Google Smart Compose

Google Smart Compose suggesting email text completions

Predicts and suggests text completions while typing emails, based on the email context and common phrases.

Figma Make 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

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

Collaborative AI

Human-AI Collaboration

Design a collaborative interface similar to GitHub Copilot or Figma AI, showing human-AI co-creation. Show split workspace with human and AI contributions. Include: main work area (document/canvas/code editor), AI suggestion panel positioned alongside (not overlaying), accept/reject/modify buttons for each suggestion, real-time collaboration indicators showing who (human/AI) is working, version history timeline with color-coded human vs AI edits, and attribution tags on AI-generated content. Style: Balanced, equal visual weight for human and AI. Use distinct but harmonious colors for human (blue) vs AI (purple) contributions. Platform: Web application, supports real-time updates.

View Full
View All PromptsNext PromptProgressive Disclosure