Suggestions
Write an emailGmail⌘1
Ask assistantSummaries, drafts, answers⌘2
Create a taskLinear⌘3
Add contact to CRMHubSpot⌘4
Schedule a meetingCalendar⌘5
Share
Post an update#team-updates⌘6
Save as pageNotion · Meeting notes⌘7

Designing for the wait

Most agents fail at the edges, not the middle. The answer is fine; what breaks is everything around it — the wait, the tool call nobody approved, the source nobody can find.

Good patterns make those edges legible. Stream the words as they arrive, show what the agent is doing while it works, and let people step in before it matters.

Streaming Text

Run a command?

npm run deploy --prod

DenyAllow

Tool Approval

CheckingCitingSearchingReadingComparing

Thinking Loader

4 files changed+0−0Review

src/composer/prompt-bar.tsx
src/traces/trace.tsx
src/voice/waveform.tsx
README.md

Diff Summary Card

Ask anything…

Sonnet

MODELSPEEDQUALITYCOST

OOpusHardest problems

SSonnetEveryday work

HHaikuQuick and light

AAutoPicks per messagevariesvariesvaries

Extended thinking

Web search

~0.9s first token↑↓ ↵

Prompt Bar Pro

lives, what the manager asked for, and how much of what we wrote down actually describes the workflow, in enough detail to automate it.

Selection Actions

Revenue grew 18% in Q3, driven by enterprise renewals.

Inline Citation

NEW AGENT

From one sentence
to a working agent

Show your agent the patterns that work

/

Browse patterns Install the skill

Ask for a pattern.Get the reasoning too.

Describe the behavior you need. Your agent finds the pattern, reads its spec, and writes the UI.

Install the skill

Same request.One of them read the spec.

Pick a request, then drag to compare what an agent writes on its own with what it writes after reading the pattern.

Gmail

Send an email

To team@acme.com · “Q3 launch recap”

The agent wants to send an email. Continue?

CancelOK

Without the specWith Tool Approval

The code, and the reasoning behind it.

Try it

View details →

Ask about a pattern, or try one below…

Prompt Bar Pro

A first-run composer with suggestion chips, @ sources, / commands, an environment picker, and an orchestrator picker.

Seen in

New

The 10 latest patterns added to the catalogue, newest first.

View all →

71 patterns,indexed by what they do.

Install the skill

Your agent reads the specbefore it writes the UI.

Matches your request to a pattern by behavior
Follows when-to-use and when-not-to-use
Ships the keyboard path and live regions with it

Install the skill

Use it from your agentin whatever tool you build with.

The most complete option: it recommends a pattern, checks it against the spec and scaffolds it into your project.

/plugin marketplace add carlosmarch/ai-patterns
/plugin install ai-patterns@ai-patterns

Then run /ai-patterns in any project. More about the skill

Not a library.Not a mood board.

Feature	ai-patterns	Component library	Inspiration gallery
Source lives in your repo	Yes	No	No
Animated, production-ready code	Yes	Yes	No
When to use — and when not to	Yes	No	No
Accessibility as part of the contract	Yes	Yes	No
Built for AI-specific states	Yes	No	Yes
Readable by your coding agent	Yes	No	No

Install the skill

Small enough to read.Complete enough to ship.

patterns: 71
categories: 22
sections in every spec: 8
packages to install: 0

Studied across Orca, Cursor, Intercom and more

71 patterns, each written up as a spec your agent can read

Install the skill

Let's build agents people can trust.

Patterns Claude Code skill GitHub

Show your agent the patterns that workShow youragentthepatterns that work

Ask for a pattern.Get the reasoning too.

Same request.One of them read the spec.

The code, and the reasoning behind it.

Try it

Prompt Bar Pro

New

71 patterns,indexed by what they do.

Your agent reads the specbefore it writes the UI.

Use it from your agentin whatever tool you build with.

Not a library.Not a mood board.

Small enough to read.Complete enough to ship.

Let's build agents people can trust.

Show your agent the patterns that work