We now support Hono

Ship patterns in any cloud

Shadcn Icon

AI SDK Agents

The AI Engineering Kit.

Agents, tool calling, human-in-the-loop, context, artifacts, image editing, workflows, sub agents, generative ui, file processing, web scraping.

AI components, templates, and skills for building AI SDK apps

Add animated AI interfaces, start from full-stack Next.js templates, and install four skills for planning, building, evaluating, and optimizing agents.

New

Animated UI components. React components for AI chat, tool results, image generation, maps, forms, and onboarding. Install with the shadcn CLI.

Explore AI components
Components mock
New

Use the right coding-agent skill at each stage. Choose from four skills for architecture, implementation patterns, evals, and measured optimization.

Explore all four skills
Claude Code

$ npx skills add aisdkagents

✓ Skill installed

> Build a research agent with approval steps

Read agent-patterns · chose ToolLoopAgent + approval

  • Scaffold the ToolLoopAgent route
  • Add human-in-the-loop approval gates
  • Stream status with data parts

Templates ship the whole stack. Auth, payments, databases, and AI wired together in Next.js starter codebases you can download and deploy.

Browse full-stack templates
localhost:3000
Full-stack AI chat template preview

Frequently Asked Questions

Answers to common questions

Everything is built with Tailwind CSS v4, and shadcn. Check out the theme selector to see how easy it is to customize each block. No proprietary styling system—just headless components you fully control.

From $199

One license. Every pattern.

Pro includes all 120 AI SDK patterns, commercial use, verified Hono exports, and future pattern updates. Compare plans for templates, components, and skills.

Compare plansor browse the patterns first