Cloudscape Design System
Get started
Foundation
Components
Patterns
Demos
Gen AI
GitHub
Cloudscape Design System
Get started
Foundation
Components
Patterns
Demos
Gen AI
GitHub
About
Gen AI
AI tools
1
LLMs.txt files
Foundation
3
Visual affordance
Colors
Iconography
Patterns
15
Pattern abstraction
Generative AI chat
Ingress
Generative AI output label
Generative AI loading states
Progressive steps
Follow-up questions
User authorized actions
Variables
Shortcut menus
Response regeneration
Artifact previews
Conversational history
Support prompts
Thinking
Components
6
Cloudscape Design System
...
Gen AI
Patterns
Cloudscape Design System
Gen AI
Patterns
Patterns
Design patterns for building generative AI user experiences.
Pattern abstraction
Ingress
2
User input
5
Gen AI in progress
2
Gen AI output
4
Chat
1
Image
Text
interaction paradigm,
model modality
Context
Artifact previews
How to display AI-generated artifacts in generative AI chat.
Conversational history
A list of historical conversations with Generative AI.
Follow-up questions
Ways to request additional information from users to help generate more accurate and relevant responses.
Generative AI chat
Generative AI chat is a conversation between a user and a generative AI assistant.
Generative AI loading states
Ways to communicate to a user that generative AI is in the process of generating or processing a response.
Generative AI output label
A short label to indicate that an output is produced by generative AI.
Ingress
An interactive element such as a button that lets users engage a generative AI-powered feature.
Pattern abstraction
An abstraction of generative AI patterns.
Progressive steps
A hierarchical display of information to inform users of the tasks being performed.
Response regeneration
Enables users to generate an alternative response in generative AI chat.
Shortcut menus
Use shortcut menus to help users modify behavior, add context, and execute quick actions.
Support prompts
Prompts in generative AI chats that present recommended inputs to the user
Thinking
A processing state that shows AI's reasoning process and the information it considered before producing a final response.
User authorized actions
Best practices for building experiences where generative AI needs user authorization before performing actions.
Variables
A pattern for using variables within structured content such as prompt templates, code snippets, and text with predefined formats.