https://www.aiuxdesign.guide/patterns/contextual-assistance https://www.aiuxdesign.guide/images/examples/Smart-compose_Taco_Tuesday.gif Contextual Assistance Offer timely, proactive help and suggestions based on user context, history, and needs. https://www.aiuxdesign.guide/patterns/progressive-disclosure https://www.aiuxdesign.guide/images/examples/loom-ai.gif Progressive Disclosure Gradually reveal information, options, or AI features to reduce cognitive load and simplify complex tasks. https://www.aiuxdesign.guide/patterns/human-in-the-loop https://www.aiuxdesign.guide/images/examples/grammarly-suggestions.gif Human-in-the-Loop Balance automation with human oversight for critical decisions, ensuring AI augments human judgment. https://www.aiuxdesign.guide/patterns/explainable-ai https://www.aiuxdesign.guide/images/examples/claudethinking.gif Explainable AI (XAI) Make AI decisions understandable via visualizations, explanations, and transparent reasoning. https://www.aiuxdesign.guide/patterns/conversational-ui https://www.aiuxdesign.guide/images/examples/slack-ai.gif Conversational UI Design intuitive, engaging, human-like interactions via chat and voice interfaces. https://www.aiuxdesign.guide/patterns/adaptive-interfaces https://www.aiuxdesign.guide/images/examples/netflix-adaptive.gif Adaptive Interfaces Interfaces that learn user behavior and automatically adjust layout and functionality to match individual usage patterns. https://www.aiuxdesign.guide/patterns/multimodal-interaction https://www.aiuxdesign.guide/images/examples/geminivoicemode.gif Multimodal Interaction Combine voice, touch, gesture, text, and visual input for natural interaction. https://www.aiuxdesign.guide/patterns/guided-learning https://www.aiuxdesign.guide/images/examples/duolingo-adaptive.gif Guided Learning Break complex tasks into guided steps, adapting to user knowledge levels. https://www.aiuxdesign.guide/patterns/augmented-creation https://www.aiuxdesign.guide/images/examples/github-copilot-highlighting.gif Augmented Creation Empower users to create content with AI as a collaborative partner. https://www.aiuxdesign.guide/patterns/responsible-ai-design https://www.aiuxdesign.guide/images/examples/openai-human-feedback.png Responsible AI Design Prioritize fairness, transparency, and accountability throughout AI lifecycle. https://www.aiuxdesign.guide/patterns/error-recovery https://www.aiuxdesign.guide/images/examples/chatgpt-limitations.png Error Recovery & Graceful Degradation Fail gracefully with clear recovery paths when things go wrong. https://www.aiuxdesign.guide/patterns/collaborative-ai https://www.aiuxdesign.guide/images/examples/notion-ai.gif Collaborative AI Enable effective collaboration between multiple users and AI within shared workflows. https://www.aiuxdesign.guide/patterns/ambient-intelligence https://www.aiuxdesign.guide/images/examples/siri-conversation.gif Ambient Intelligence Create unobtrusive AI that senses context and provides assistance without explicit interaction. https://www.aiuxdesign.guide/patterns/safe-exploration https://www.aiuxdesign.guide/images/examples/huggingface-models.gif Safe Exploration Provide sandbox environments for experimenting with AI without risk. https://www.aiuxdesign.guide/patterns/predictive-anticipation https://www.aiuxdesign.guide/api/og/patterns?slug=predictive-anticipation Predictive Anticipation AI that predicts user needs before they're expressed, pre-loading content and suggesting next actions based on behavioral patterns. https://www.aiuxdesign.guide/patterns/confidence-visualization https://www.aiuxdesign.guide/images/examples/confidence-visualization.png Confidence Visualization Display AI certainty levels through visual indicators, helping users understand prediction reliability and decide when to trust or verify outputs. https://www.aiuxdesign.guide/patterns/feedback-loops https://www.aiuxdesign.guide/images/examples/claude-feedback.gif Feedback Loops Continuous learning mechanisms where user corrections and preferences improve AI performance, creating experiences that evolve with usage. https://www.aiuxdesign.guide/patterns/graceful-handoff https://www.aiuxdesign.guide/images/examples/telsaautopilotgif.gif Graceful Handoff Seamless transitions between AI automation and human control. https://www.aiuxdesign.guide/patterns/context-switching https://www.aiuxdesign.guide/images/examples/chatgptcontextswitch.gif Context Switching Smooth transitions between tasks or topics while maintaining conversation continuity. https://www.aiuxdesign.guide/patterns/intelligent-caching https://www.aiuxdesign.guide/images/examples/githubcopilotautocomplete.gif Intelligent Caching Pre-fetch and cache AI content for instant results, reducing latency. https://www.aiuxdesign.guide/patterns/progressive-enhancement https://www.aiuxdesign.guide/api/og/patterns?slug=progressive-enhancement Progressive Enhancement Provide immediate basic responses then progressively add detail and accuracy. https://www.aiuxdesign.guide/patterns/privacy-first-design https://www.aiuxdesign.guide/images/examples/privacyfirst-apple.webp Privacy-First Design Minimize data collection and provide transparent privacy controls. https://www.aiuxdesign.guide/patterns/selective-memory https://www.aiuxdesign.guide/api/og/patterns?slug=selective-memory Selective Memory Control what AI remembers, forgets, or ignores with transparent settings. https://www.aiuxdesign.guide/patterns/universal-access-patterns https://www.aiuxdesign.guide/images/examples/copilotaccessibility.gif Universal Access Patterns Ensure equitable access for all abilities, languages, and assistive technologies. https://www.aiuxdesign.guide/patterns/crisis-detection-escalation https://www.aiuxdesign.guide/images/examples/chatgpt_harmfulchat.gif Crisis Detection & Escalation Detect crisis signals and immediately provide professional resources. https://www.aiuxdesign.guide/patterns/session-degradation-prevention https://www.aiuxdesign.guide/images/examples/wysasessions.webp Session Degradation Prevention Strengthen safety checks during extended conversations with session limits. https://www.aiuxdesign.guide/patterns/anti-manipulation-safeguards https://www.aiuxdesign.guide/images/examples/chatgpt_harmfulchat.gif Anti-Manipulation Safeguards Detect actual harmful intent beyond surface framing regardless of how it's disguised https://www.aiuxdesign.guide/patterns/vulnerable-user-protection https://www.aiuxdesign.guide/images/examples/AI-Woebot-Health.png Vulnerable User Protection Detect vulnerable users and apply graduated age, crisis, and dependency protections. https://www.aiuxdesign.guide/patterns/autonomy-spectrum https://www.aiuxdesign.guide/api/og/patterns?slug=autonomy-spectrum Autonomy Spectrum Provide a spectrum of autonomy levels - from passive suggestions to full autonomy - that users can adjust per task type, enabling granular control over how independently an AI agent operates. https://www.aiuxdesign.guide/patterns/intent-preview https://www.aiuxdesign.guide/images/examples/claudepropose.gif 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. https://www.aiuxdesign.guide/patterns/plan-summary https://www.aiuxdesign.guide/api/og/patterns?slug=plan-summary Plan Summary Provide a structured breakdown of the agent's reasoning and approach - showing goal interpretation, strategy, subtask checklist, and assumptions - so users can evaluate the plan before execution begins. https://www.aiuxdesign.guide/patterns/action-audit-trail https://www.aiuxdesign.guide/api/og/patterns?slug=action-audit-trail Action Audit Trail Provide a timestamped, structured log of every action the agent took - grouped by task, with reversibility status, selective undo, and diff views - so users can review and correct agent behavior after the fact. https://www.aiuxdesign.guide/patterns/escalation-pathways https://www.aiuxdesign.guide/api/og/patterns?slug=escalation-pathways Escalation Pathways Design structured escalation triggers and handoff mechanisms so agents can pause and ask for human guidance when they encounter ambiguity, conflicts, or decisions beyond their authorization - without breaking workflow or losing context. https://www.aiuxdesign.guide/patterns/trust-calibration https://www.aiuxdesign.guide/api/og/patterns?slug=trust-calibration Trust Calibration Design a system that progressively builds appropriate trust through demonstrated competence - showing track records per domain, celebrating milestones, and adjusting oversight based on actual agent performance. https://www.aiuxdesign.guide/patterns/mixed-initiative-control https://www.aiuxdesign.guide/api/og/patterns?slug=mixed-initiative-control Mixed-Initiative Control Design interaction models where control flows seamlessly between human and agent - supporting parallel work zones, interruptible agent activity, and natural handoffs without formal 'take over' actions. https://www.aiuxdesign.guide/patterns/agent-status-monitoring https://www.aiuxdesign.guide/images/examples/devindelegatingandchecking.gif Agent Status & Monitoring Design a layered status system with escalating attention demands - from ambient badges to glanceable progress panels to interrupting notifications - so users stay informed about agent activity without being forced to watch. https://www.aiuxdesign.guide/patterns/agent-reflection-learning https://www.aiuxdesign.guide/api/og/patterns?slug=agent-reflection-learning Agent Reflection & Learning Show users what the agent has learned from corrections so trust builds through visible, cumulative improvement. https://www.aiuxdesign.guide/patterns/workspace-native-agents https://www.aiuxdesign.guide/api/og/patterns?slug=workspace-native-agents Workspace-Native Agent Integration Embed AI capabilities inside existing tools so users never leave their working context to get help. https://www.aiuxdesign.guide/guides/claude-code-learning-path https://commons.wikimedia.org/wiki/Special:FilePath/Claude_AI_symbol.svg Claude Code Course for Designers Master Claude Code for design and prototyping with AI-powered assistance. Now with bidirectional Figma MCP integration: design-to-code and code-to-design. https://www.aiuxdesign.guide/guides/cursor-learning-path https://commons.wikimedia.org/wiki/Special:FilePath/Cursor_logo.png Cursor Course for Designers Master Cursor, the AI-powered code editor for designers. https://www.aiuxdesign.guide/guides/github-copilot-learning-path https://commons.wikimedia.org/wiki/Special:FilePath/Microsoft_365_Copilot_Icon_one-color.svg GitHub Copilot Course for Designers Master GitHub Copilot as a designer—learn to code faster, prototype interactively, and collaborate with developers. https://www.aiuxdesign.guide/guides/github-learning-path https://commons.wikimedia.org/wiki/Special:FilePath/GitHub_Invertocat_Logo.svg GitHub Course for Designers Master GitHub for version control and collaboration with your development team. https://www.aiuxdesign.guide/guides/conversational-ui-guide https://www.aiuxdesign.guide/images/og/og-pattern-default.png Build a Conversational UI Learn how to design and build conversational interfaces - from chat message bubbles and typing indicators to voice interaction, context management, and suggested prompts. https://www.aiuxdesign.guide/guides/claude-design-learning-path https://www.aiuxdesign.guide/images/guides/claude-design-learning-path/thumbnail.svg Claude Design Course Anthropic's AI design collaborator for prototypes, decks, and interactive work. Learn the four-part prompt framework, iterate via chat, inline comments and custom sliders, set up an organization-wide design system, and hand off to Claude Code. https://www.aiuxdesign.guide/guides/ai-ux-skills-guide https://www.aiuxdesign.guide/images/logos/simple-icons/anthropic.svg Using AI UX Skills with Claude Code Learn what a Claude Code skill is, how it differs from reading a pattern, and how to install and trigger the AI UX skill pack in your own repo.