Loading patterns…
Toggle Menu
Menu
AI SDK Agents
Patterns
Templates
Components
NEW
Skills
NEW
Toggle theme
Get All Access
Pricing
Loading patterns…
Sign In
AI SDK Patterns
125 patterns
JSON Render Remotion (Pro)
— AI-generated video from natural language using @json-render/remotion.
Claude Structured Output (Free)
— Generate structured output from AI prompts using Anthropic Claude. Create typed data with generateText and Output.object().
Agent XLSX Artifact (Pro)
— Download-first Excel artifact pattern. The agent streams CSV through a tool call, renders a spreadsheet preview, and exports a real .xlsx file with SheetJS.
Canvas Draw Artifact (Pro)
— Excalidraw whiteboard artifact with data-whiteboardDelta streaming, uncontrolled canvas, SVG/PNG/.excalidraw export, scene templates (architecture, user flow,…
JSON Render Email (Pro)
— Generate production-ready React Email templates with live preview plus copyable HTML and plain-text output.
Agent Code Artifact (Pro)
— Template-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persiste…
Agent Mermaid Artifact (Pro)
— Template-style Mermaid artifact with data-mermaidDelta streaming, diagram preview and source editor, SVG/PNG export, in-memory versions, and quick prompts — no…
JSON Render Data Table (Pro)
— AI-generated data tables using json-render. Describe columns, rows, sorting, and filters — stream specs into an interactive DataTable with toolbar satellites.
Chat Claude (Free)
— Sophisticated AI chat interface powered by Claude with advanced reasoning capabilities, context awareness, and natural conversation flow.
Firecrawl Brand PDF (Pro)
— Generate structured brand brief PDFs from any website URL using Firecrawl branding extraction and JSON Render PDF streaming.
Scrape - Cheerio (lightweight) (Free)
— Scrape websites using Cheerio's fast HTML parser. Includes URL scraping, website crawling, and content extraction without external API costs.
Generate Text (Free)
— Generate text from prompts using AI. Simple interface with character counting and response rendering.
Chart Artifact (Pro)
— Generate burn rate charts and financial analysis through AI chat. Creates interactive visualizations from conversation.
Basic Chat Interface (Pro)
— Chat interface with streaming responses and message history. Includes typing indicators and message status tracking.
Agent Map Artifact (Pro)
— Template-style GeoJSON map artifact with data-mapDelta streaming, MapLibre preview and JSON source editor, GeoJSON export, in-memory versions, and quick prompt…
Gemini Structured Output (Free)
— Generate structured output from AI prompts using Google Gemini. Create typed data with generateText and Output.object().
HIL Needs Approval (Pro)
— Demonstrate tool approval with async generators. Includes real-time feedback, approval workflows, and interactive management.
Queue (Pro)
— Queue management assistant using AI agents. Generate structured queues with messages, todos, and attachments through conversation.
Generate Image (Fal.ai) (Free)
— Generate images from text prompts using Fal.ai's Flux model. Fast and high-quality image generation.
CSV Editor Artifact (Pro)
— Spreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation.
Agent Sheet Artifact (Pro)
— Template-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.
Sub-Agent Orchestrator (Pro)
— Custom Agent implementation demonstrating the Agent interface abstraction with an orchestrator that routes queries to specialized sub-agents (research, analysi…
HIL Inquire Multiple Choice (Pro)
— Gather information through AI-driven multiple choice questions. Includes approval workflows and real-time rendering.
Agent Routing Pattern (Pro)
— Route user queries to specialized AI agents based on context and intent. Includes dynamic agent selection, load balancing, and fallback handling.
Research Agent Chain (Pro)
— Sequential three-agent chain demonstrating structured outputs flowing between agents.
AI Form Generator (Pro)
— Generate Zod schemas from natural language descriptions using AI. Automatically creates form schemas that render interactive forms with real-time validation.
Chat-Base Clone (Pro)
— A comprehensive Chatbase clone demo with widget interface, model selection, web search integration, and human-in-the-loop tool approval workflows.
Dynamic Tool (Pro)
— Create dynamic tools with runtime-generated schemas using dynamicTool.
AI SDK Nano Banana Image Edit (Pro)
— Generate and edit images using Nano Banana 2.5 Flash.
Eve Approval-Gated Operations Agent (Pro)
— Build a durable operations agent that parks for human approval, resumes safely, asks clarifying questions, and enforces tenant boundaries.
Eve Long-Term Memory Agent (Pro)
— Give an Eve agent tenant-scoped long-term memory with dynamic instructions and three ordinary tools — remember, list, forget — with scope derived from verified…
Eve Scheduled Digest Agent (Pro)
— Cron-driven Eve agent that gathers metrics on a schedule, delivers proactive digests, and lets tenants manage their own dynamic reminders.
Eve Simple Tool Agent (Pro)
— Build and verify a filesystem-first Eve agent with a typed weather tool and deterministic eval suite. Runs without provider credentials.
Eve Triage Orchestrator Agent (Pro)
— Multi-agent support triage on Eve: a coordinator classifies requests and delegates to declared billing, technical, and escalation specialists — each with its o…
Agent DOCX Artifact (Pro)
— Download-first Word artifact pattern. The agent streams Markdown through a tool call, renders a document preview, and exports a real .docx file.
Agent PDF Artifact (Pro)
— Download-first PDF artifact pattern. The agent streams Markdown through a tool call, renders a live PDF preview, and exports a real .pdf file.
Call Options: prepareCall (Pro)
— Dynamically configure one ToolLoopAgent per request with callOptionsSchema and prepareCall.
Tool Context: experimental_context (Pro)
— Inject request-scoped context (user identity, database handles, session) into ToolLoopAgent tools via experimental_context, so the model never supplies sensiti…
Loop Control: stopWhen (Pro)
— Demonstrate ToolLoopAgent loop control with stopWhen.
PrepareStep: Trim Message History (Pro)
— Demonstrate ToolLoopAgent prepareStep for trimming long message history.
Anthropic Cache Control (AI Gateway) (Pro)
— Lightweight ToolLoopAgent pattern for Anthropic ephemeral cache control through Vercel AI Gateway: cached system instructions with cacheControl and reports cac…
OpenAI Prompt Caching (AI Gateway) (Pro)
— Lightweight ToolLoopAgent pattern for OpenAI prompt caching through Vercel AI Gateway: stable system instructions, promptCacheKey, and per-turn cachedPromptTok…
Agent Slides Artifact (Pro)
— Template-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — n…
Brand Guidelines Image Generator (Pro)
— Paste a website URL to extract brand signals with Firecrawl, generate a structured brand-standards brief, render manual-style spreads (color, typography, grid,…
Brand Mood Board Generator (Pro)
— Paste a website URL to extract brand signals with Firecrawl, generate a structured mood-scene brief for abstract and environmental imagery, auto-create four br…
Agent Text Artifact (Pro)
— Template-style text artifact with data-textDelta streaming, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.
CSV / TSV ↔ JSON tabular export (Pro)
— Paste CSV, TSV, or JSON arrays; detect delimiters with Papa Parse; validate rectangular rows; preview in a table; export JSON, CSV, TSV, or Markdown tables in…
Markdown multi-format file export (Pro)
— Parse markdown into H1 sections with unified and remark, then export normalized content as JSON, CSV, Markdown, HTML, PDF, or plain text in the browser.
XLSX → CSV export (Pro)
— Load Excel .xlsx or .xls workbooks in the browser with SheetJS, pick a sheet, preview rows, and download CSV—with optional UTF-8 BOM and multi-sheet export.
Just Bash Skills Agent (Pro)
— Minimal ToolLoopAgent chat demo: on-call-style skills (incident triage + stakeholder comms) on disk, skill tool loads SKILL.md + paths, readFile pulls referenc…
Marketing agent with skills + readFile (Pro)
— Chat UI wired to a ToolLoopAgent that loads filesystem skills and exposes readFile on the skill sandbox—demo includes ad-creative, copywriting, and paid-ads sk…
Prompt UI Improver (Pro)
— Transform short, vague UI requests into production-grade design briefs with strong visual, interaction, and implementation detail.
Brand Product Placement Generator (Nano Banana) (Pro)
— Paste a website URL to extract brand signals with Firecrawl, generate a structured product photography brief, auto-create four Nano Banana placement images, an…
JSON Render Three.js (Pro)
— AI-generated 3D scenes using @json-render/react-three-fiber.
Firecrawl Landing Page Teardown PDF (Pro)
— Generate a conversion-focused landing page teardown PDF using one landing URL plus 2-5 competitor URLs.
JSON Render Image (Pro)
— Generate social cards and marketing images from natural language using @json-render/image with live spec streaming and SVG/PNG export.
JSON Render React (Pro)
— AI-generated UI from natural language using @json-render. Describe a UI and watch it stream in progressively with shadcn components.
JSON Render PDF (Pro)
— Generate PDF documents from natural language using @json-render/react-pdf.
JSON Render Shadcn (Pro)
— AI-generated UI using @json-render/shadcn. Describe a UI in natural language and watch it render with shadcn components.
Levee User Research (Pro)
— A full-screen AI levee interface that guides users through building a complete user research plan and interview guide with lock-based progression.
SEO Audit (Pro)
— Audit any website for on-page SEO issues using Firecrawl.
AI Wizard Brand Strategy (Pro)
— A full-screen AI levee interface where each stage is an adaptive interview with lock-based progression and dynamic tool-driven prompts.
Accessibility Audit Agent (Pro)
— Audit any website for WCAG 2.1 accessibility compliance using Firecrawl, then use AI tools to analyze issues by severity, check color contrast, validate headin…
Competitor Research Agent (Pro)
— Enter a competitor URL to get comprehensive competitive intelligence.
Data Analysis Agent (Pro)
— Upload CSV or JSON data and get AI-powered analysis with interactive visualizations.
Reddit Product Validation Agent (Pro)
— Validate startup ideas with a two-phase workflow: discover relevant subreddits, then analyze pain points, existing solutions, willingness to pay, demand trends…
Branding Agent (Pro)
— Extract brand design systems from any website using Firecrawl, then use AI tools to export tokens, generate color palettes, check accessibility, and analyze br…
Marketing Plan & Implement Agent (Pro)
— Two-phase marketing agent with brand context: Stage 0 extracts brand info from URL or manual input, planning phase gathers requirements and creates a plan with…
Human in the Loop Plan Builder Agent (Pro)
— Uses ToolLoopAgent pattern to gather requirements and generate plans. Generates markdown plans with structured todo lists.
@exalabs webSearch Tool (Pro)
— Search with Exa AI SDK's webSearch tool and Anthropic Claude Sonnet 4.5. Uses @exalabs/ai-sdk for seamless integration.
Evaluator Workflow Pattern (Free)
— Demonstrates an evaluator-optimizer workflow pattern using Workflow DevKit. Features iterative improvement through AI evaluation and optimization loops.
Orchestrator-Worker Workflow Pattern (Free)
— Demonstrates an orchestrator-worker workflow pattern using Workflow DevKit.
Parallel Review Workflow Pattern (Free)
— Demonstrates a parallel review workflow pattern using Workflow DevKit.
Routing Workflow Pattern (Free)
— Demonstrates a routing workflow pattern using Workflow DevKit.
Sequential Workflow Pattern (Free)
— Demonstrates a sequential workflow pattern using Workflow DevKit. Features step-by-step execution with quality gates and conditional regeneration.
Structured Agent Output: Output.array (Pro)
— Demonstrate structured agent outputs using ToolLoopAgent with Output.array.
Structured Agent Output: Output.choice (Pro)
— Demonstrate structured agent outputs using ToolLoopAgent with Output.choice. Constrain agent outputs to predefined choices for predictable, type-safe responses.
AI SDK Nano Banana Image Merge (Pro)
— Generate, edit, and merge images using Nano Banana 2.5 Flash.
Tool API Context (Pro)
— Pass arbitrary context from generateText/streamText to tool execution via experimental_context. Access context in tool execute functions for dynamic behavior.
Tool Input Lifecycle Hooks (Pro)
— Explore tool input lifecycle hooks: onInputStart, onInputDelta, and onInputAvailable. See how to track tool input generation in real-time during streaming.
Preliminary Tool Results (Pro)
— Return preliminary tool results using async iterables. Stream status updates during tool execution before the final result is available.
Tool Call Repair (Pro)
— Repair invalid tool calls using experimental_repairToolCall. Fix schema validation errors without requiring additional steps that pollute message history.
Plan (Pro)
— A collapsible plan component for displaying AI-generated execution plans with streaming support and shimmer animations.
Claude Web Search Tool (Pro)
— Search the web with Claude AI. Includes result filtering, multiple search types, and language support.
Tool Approval (Pro)
— Demonstrate tool execution with user confirmation. Includes approval workflows, confirmation UI, and state management for safe AI operations.
HIL Inquire Text Input (Pro)
— Gather detailed information through AI-driven text input questions. Includes approval workflows and real-time rendering.
HIL Tool Approval Basic (Pro)
— Chat assistant with human approval workflows for safe tool execution.
HIL Agentic Context Builder (Pro)
— Build brand context through AI-guided questioning and web research. Gathers insights to create detailed brand profiles.
Exa Web Search Tool (Pro)
— Search with Exa's semantic API and real-time crawling. Includes live content extraction and relevance scoring.
Firecrawl Scrape Tool Chat (Pro)
— Crawl and extract content using Firecrawl's API. Includes URL processing, markdown conversion, and structured data extraction.
Workflow - URL Analysis (Pro)
— Analyze URLs through AI prompt chaining. Scrapes content, analyzes it, and generates summaries.
PDF Analysis Tool (Pro)
— Process PDFs with AI analysis. Extract text, generate summaries, and identify key insights.
Web Search Tool (Pro)
— Search the web using OpenAI's tool with real-time results. Includes source verification, citation tracking, and contextual answers.
AI SDK Nano Banana Image (Pro)
— Generate images using Nano Banana 2.5 Flash with prompt optimization. Includes style adaptation and customizable parameters.
AI SDK Gemini Flash Text (Pro)
— Generate text and analyze market research using Google's Gemini 2.5 Flash. Includes interactive charts and data visualization.
Jina AI Web Scraper (Pro)
— Scrape websites using Jina AI with JavaScript rendering and proxy rotation. Handles rate limiting and bot detection.
Cheerio Web Scraper (Pro)
— Extract content from websites using Cheerio. Includes parsing, link discovery, and rate limiting.
Image Generation Demo (Pro)
— Generate images using DALL-E 3 with prompt optimization and style presets. Includes real-time preview, downloads, and batch processing.
Inline Citations Demo (Pro)
— Generate content with embedded citations and clickable references. Includes source verification and formatting for research writing.
Reasoning (Pro)
— Chat that shows AI's step-by-step reasoning. Includes decision trees, logical breakdowns, and explanatory tooltips.
Tool Execution (Pro)
— Connect AI agents with external APIs and services. Demonstrates tool calling with weather data, error handling, and visual feedback.
Parallel Processing Pattern (Pro)
— Process content with multiple AI agents running simultaneously. Demonstrates concurrent analysis for faster results.
Evaluator-Optimizer Pattern (Pro)
— Improve output quality with dual agents. Evaluator analyzes quality while optimizer refines results through iterative feedback.
Multi-Step Tool Pattern (Pro)
— Execute multi-step workflows with typed tools. Includes streaming, tool chaining, and decision-making for automated tasks.
Orchestrator-Worker Pattern (Pro)
— Coordinate multiple worker agents for project management. Handles task distribution, progress tracking, and result synthesis.
Task Management Demo (Pro)
— Task management with AI workflow automation. Creates tasks, tracks progress, and assigns work automatically.
Sources & Citations (Pro)
— Chat with source citations using Perplexity's Sonar model. Answers include clickable links for fact-checking.
AI Profile Enrichment Form (Pro)
— Analyze user profiles with AI and provide personalized suggestions. Enriches data, suggests improvements, and offers career insights.
AI SDK Prompt Few-Shot Editor (Pro)
— Create and test prompts with few-shot examples. Evaluate AI responses and tune model performance through experimentation.
Cloudflare Markdown.new Web Scraper (Pro)
— Convert any webpage to markdown using Cloudflare's markdown.new. Clean, structured output for AI pipelines and content processing.
Generate Image (Google Gemini) (Free)
— Generate images from text prompts using Google Gemini's image model.
Generate Image (OpenAI) (Free)
— Generate images from text prompts using OpenAI's DALL-E 3. Create high-quality images with AI.
OpenAI Structured Output (Free)
— Generate structured output from AI prompts using OpenAI. Create typed data with generateText and Output.object().
Generate Speech (ElevenLabs) (Free)
— Convert text to speech using ElevenLabs API. Includes multiple voices and high-quality audio generation.
Generate Speech (OpenAI) (Free)
— Convert text to speech using OpenAI's API. Includes multiple voices, speed control, and real-time playback for voiceovers and accessibility.
Streaming Structured Output (Free)
— Stream structured output from AI prompts in real-time using streamText with Output.object(). Generate typed data with useObject and live rendering.
Stream Text (Free)
— Stream text responses from AI prompts in real-time. Includes character counting and live response rendering with useCompletion.
Scrape - Jina AI (advanced) (Free)
— Scrape websites using Jina AI's reader service with JavaScript rendering.
Scrape - Markdown.new (free) (Free)
— Scrape websites using Cloudflare's markdown.new service. Extract clean markdown content from any URL. No API key required.
Search - Exa AI (robust) (Free)
— Search the web using Exa's semantic API and real-time crawling. Includes URL search, content extraction, Wikipedia, Reddit, and news search tools.
Search - Firecrawl (robust) (Free)
— Search the web using Firecrawl's API and real-time crawling. Includes URL search, content extraction, Wikipedia, Reddit, and news search tools.
Transcribe Audio (ElevenLabs) (Free)
— Transcribe audio files using ElevenLabs API. Includes real-time transcription and language detection.
Transcribe Audio (OpenAI) (Free)
— Transcribe audio files using OpenAI's API. Includes real-time transcription and language detection.
ChatGPT (Free)
— Advanced conversational AI interface powered by GPT-4o with intelligent context management, streaming responses, and conversation persistence.
Chat Grok (Free)
— Dynamic AI chat interface powered by Grok with real-time information access, conversational intelligence, and contextual understanding.
AI SDK Patterns
Search patterns
Filters
Newest
View all
Eve Approval-Gated Operations Agent
Eve Long-Term Memory Agent
Eve Scheduled Digest Agent
Eve Simple Tool Agent
Eve Triage Orchestrator Agent
Agent DOCX Artifact
Agent PDF Artifact
Agent XLSX Artifact
Call Options: prepareCall
Tool Context: experimental_context
Loop Control: stopWhen
PrepareStep: Trim Message History
Popular
JSON Render Remotion
Claude Structured Output
Free
Agent XLSX Artifact
Canvas Draw Artifact
JSON Render Email
Agent Code Artifact
Agent Mermaid Artifact
JSON Render Data Table
Chat Claude
Free
Firecrawl Brand PDF
Scrape - Cheerio (lightweight)
Free
Generate Text
Free
Artifacts
View all
JSON Render Remotion
Agent XLSX Artifact
Canvas Draw Artifact
JSON Render Email
Agent Code Artifact
Agent Mermaid Artifact
JSON Render Data Table
Chart Artifact
Agent Map Artifact
CSV Editor Artifact
Agent Sheet Artifact
Agent DOCX Artifact
Agent Patterns
View all
Sub-Agent Orchestrator
HIL Inquire Multiple Choice
Agent Routing Pattern
Preview locked
Research Agent Chain
Eve Approval-Gated Operations Agent
Eve Long-Term Memory Agent
Eve Scheduled Digest Agent
Eve Simple Tool Agent
Eve Triage Orchestrator Agent
Anthropic Cache Control (AI Gateway)
OpenAI Prompt Caching (AI Gateway)
Just Bash Skills Agent
Real-world Examples
View all
Firecrawl Brand PDF
AI Form Generator
Chat-Base Clone
Preview locked
AI SDK Nano Banana Image Edit
Preview locked
Brand Guidelines Image Generator
Preview locked
Brand Mood Board Generator
Preview locked
Marketing agent with skills + readFile
Prompt UI Improver
Preview locked
Brand Product Placement Generator (Nano Banana)
Preview locked
Firecrawl Landing Page Teardown PDF
Preview locked
Levee User Research
Preview locked
SEO Audit
SDK API
View all
Claude Structured Output
Free
Chat Claude
Free
Scrape - Cheerio (lightweight)
Free
Generate Text
Free
Basic Chat Interface
Gemini Structured Output
Free
HIL Needs Approval
Queue
Generate Image (Fal.ai)
Free
Preview locked
Dynamic Tool
Preview locked
AI SDK Nano Banana Image Edit
Call Options: prepareCall
Tools & Utilities
View all
CSV / TSV ↔ JSON tabular export
Markdown multi-format file export
XLSX → CSV export
Preview locked
@exalabs webSearch Tool
Preview locked
Claude Web Search Tool
Preview locked
Exa Web Search Tool
Preview locked
Firecrawl Scrape Tool Chat
Preview locked
PDF Analysis Tool
Preview locked
Web Search Tool
Jina AI Web Scraper
Cheerio Web Scraper
Tool Execution