Guide

Generative AI loading states (Cloudscape Design System)

AWS Cloudscape · cloudscape.design

Amazon's open design system spec for gen-AI states; steal it wholesale.

Open on cloudscape.design ↗

The question it answers

  1. How do I design AI features people trust (chat vs buttons, streaming, showing the work)?

Read with it

  1. 23 battle-tested design patterns for human-AI products, used by a quarter million builders. pair.withgoogle.com Guide People + AI Guidebook Google PAIR
  2. A living pattern library (templates, modes, references, workflows) with real product examples. shapeof.ai Guide The Shape of AI: UX Patterns for Artificial Intelligence Design Emily Campbell (The Shape of AI)
  3. How users start, steer, and stop AI that works on their behalf, from a design veteran. lukew.com Article Agent Management Interface Patterns Luke Wroblewski
  4. When to reveal the AI's reasoning and when it just adds noise. lukew.com Article Showing the Work of Agents in UI Luke Wroblewski
  5. Evidence-based case for embedded AI over chat, including GitHub Copilot's 96% same-day adoption. uxmatters.com Article First-Session Trust in AI Products: Why Code Editors Onboard Better Than Chatbots UXmatters
  6. Concrete trust numbers: confidence signals lift reliance 63%, consistency another 47%. parallelhq.com Article Designing AI Chatbots: UX Principles for User Trust Parallel
eChai Partner Brands The partnership →