D's corner logoD's Corner
Garden
Updated 1 week ago

AI interaction patterns

Playground for exploring and documenting AI patterns

Voice > Send > Stop Button

An animation exploration on the send button in AI chat interfaces, focusing on the transition between icons in the button.

Type something in the input box and hit 'enter'. Observe transitions in the bottom right button.

Prompts carousel

Out-of-box prompts are a common feature in AI chat interfaces. Consumer apps often show these prompts on the welcome screen, then hide them. But I noticed prompts can actually speed things up, especially in enterprise software. Example: customer service agents repeat a lot of their tasks. Keeping prompts visible helps. (Check out the Agent Copilot case study for my work on an enterprise copilot.)

Flexibility for keyboard shortcuts and GUI

This prototype has two parts:


  1. Adding prompts and context tags inline using keyboard shortcuts like / for prompts and @ for context tags.

  2. A prompt library users can pin prompts from to have them upfont if they prefer GUI over keyboard shortcuts.

Prompt templates/shorthands

I find myself repeating the same prompt quite frequently for different contexts. Showing the ability to use shorthands for quickly adding prompts with different context tags here. Users can toggle between the shorthands and the full prompt using a toggle button or Tab key.