Suggestion Pills

Wrapping row of pill suggestions that seed the prompt input with common intents.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Ai9 } from "@/components/beste/piece/ai9";

<Ai9
  prompts={[
    "Summarize this doc",
    "Draft a reply",
    "Extract action items",
    "Translate to Turkish"
  ]}
/>

More AI pieces

View all AI
Thinking

Thinking Dots

ai11

Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.

Write a landing page hero for a coffee roaster

Prompt Input

ai1

Chat prompt card with a sparkle glyph, multi-line value, attach button, and a smart send arrow.

Model Selector

ai3

Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.

"where is my order?"

order_status
87%
shipping_eta
9%
refund_request
4%

Intent Classifier

ai41

Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.

support-reply.prompt
You are a helpful assistant. The user asked: {{question}}. Answer in {{tone}} tone.

Prompt Template

ai25

Monospace prompt card with inline handlebars-style variables highlighted in violet against plain body text.

rate limited users get a 429 response

rate-limited users get a 429 response with a Retry-After header

Diff Suggestion

ai45

Two-line before/after suggestion with a rose strike-through original and an emerald accepted revision.