Prompt Input

Write a landing page hero for a coffee roaster

About this piece

Prompt Input

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

Usage

The import and the props worth knowing about, in one place.

import { Ai1 } from "@/components/beste/piece/ai1";

<Ai1
  surface="card"
  bordered={true}
  inverted={false}
  placeholder="Ask anything..."
  value="Write a landing page hero for a coffee roaster"
/>

More AI pieces

View all AI
claude-sonnet

Explain rate limiting strategies with simple examples.

Playground Prompt

Playground card with the selected model, a prompt draft box, and a tone-colored Run button to kick off the request.

System prompt

You are a concise copywriter. Reply in 2 sentences max and avoid em dashes.

System Prompt

Dashed-border card with a violet scroll icon, uppercase label, and an edit button for the system instructions.

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

Prompt Template

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

whiteboard.jpg1920×1080
Analyzing
diagramtextarrows

Vision Input

Attached image card with a tone-tinted thumbnail tile, a scanning line overlay, filename, dimensions, and detected-object chips.

Weekly summary
  • Onboarding ships to GA on Tuesday
  • Pricing experiment lifts conversion by 14%
  • Two critical bugs filed, one already patched
Synthesized from 3 documents

AI Summary

Summary card with a violet sparkle header, bullet list of key points, and a source attribution below.

Typing Indicator

Chat bubble with three bouncing dots signaling that the assistant is composing a reply.