Prompt library

Interaction Prompts

Prompts for interactive UI patterns: hover states, forms, drag and drop, menus and micro-interactions.

Interaction prompts need states: default, hover, focus, active, disabled, loading and error. Each prompt here lists them, plus keyboard and screen-reader behaviour, so the model does not skip the hard parts.

• Accessible Multi-step Form FlowDesign and build a multi-step form with validation, progress, save-and-resume and error handling that works for keyboard and screen-reader users.Claude · ChatGPT · Gemini
• Button States & Micro-interactions SpecSpecify every state of a button set (primary, secondary, ghost, destructive) with exact colours, timings, focus rings and loading behaviour.ChatGPT · Claude · Gemini
• Command Palette (⌘K) Search UIBuild a keyboard-first command palette with fuzzy search, grouped results, recent items and full accessibility using the combobox pattern.Claude · ChatGPT · Cursor
• Drag-and-drop Kanban Board InteractionSpecify and build a kanban board where cards can be moved by mouse, touch and keyboard, with clear drop feedback and undo.Claude · ChatGPT · Cursor

Other prompt categories

• Web Design
• Visual Effects
• Motion & Animation
• Video Editing
• Camera Moves
• Image Generation
• Writing
• Industry
• Idea → Prompt: expand your own idea into a detailed prompt