UI & components

Interactive UI components with prompts

Interactive UI components carry the moments where people actually do something: pick an app, swipe a card, finish a sign-up. These run live, so drag them and click through them before you copy the prompt.

3 prompts

Prompts

Live
Component · Interactive components

Swipe cards deck

Claude Light

Guide

How to prompt an interactive component

  • Describe the gesture. Drag, swipe, hover or click, and what each one does.
  • Give a button for every gesture. Keyboard and screen reader users need one.
  • Say what the end state is. An empty deck or a finished form still needs a design.