ai-elements — Skills — getagentictools

What it does

Node.js, version 18 or later

A Next.js project with the AI SDK installed.

shadcn/ui installed in your project. If you don't have it installed, running any install command will automatically install it for you.

Your current working directory is the root of your project (where package.json lives).

Your components.json file (if using shadcn-style config) is set up correctly.

You’re using the latest version of the AI Elements CLI:

Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK.

Source

Repository: https://github.com/vercel/ai-elements

ai-elements FAQ

What does the ai-elements skill do?

Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface. Node.js, version 18 or later A Next.js project with the AI SDK installed.

How do I install ai-elements?

Run: npx -y skills add https://github.com/vercel/ai-elements --skill ai-elements --agent claude-code — the source lives at github.com/vercel/ai-elements.

Maintain ai-elements?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![ai-elements on getagentictools](https://getagentictools.com/badge/skills/vercel-ai-elements-ai-elements.svg)](https://getagentictools.com/skills/vercel-ai-elements-ai-elements?ref=badge)

npx agentictools info skills/vercel-ai-elements-ai-elements

The second line is the CLI lookup for this page — handy in READMEs and docs.