Generated Code

AI code output card with a language tag, copy and regenerate actions, and a monospace block below.

const slug = (s: string) =>
  s.toLowerCase().replace(/\s+/g, '-');

New here? Read the installation guide.

Import & use

import { Ai12 } from "@/components/beste/piece/ai12";

<Ai12
  language="ts"
  code="const slug = (s: string) =>
  s.toLowerCase().replace(/\s+/g, '-');"
/>

More AI pieces

View all AI

search_docs

done

query:"rate limiting"

limit:5

Function Call

Tool invocation card with the function name, typed arguments in monospace, and a running or done status pill.

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.

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.

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.

Implementing rate limits with Redis

0.92

Use INCR with an EXPIRE TTL to build a fixed-window limiter that resets every minute.

docs/guides/rate-limits.md

KB Search Result

Knowledge base hit card with a document title, snippet, source path, and an emerald similarity score badge.