ai-elements
Drops the ready-made pieces of a chat interface — message bubbles, the input box, the panel showing what the model just did — into your own project as code you can edit, not a library you can only call.
LABSCO SUMMARY
vercel/ai-elements ships one skill, and it is a thin pointer to the npx ai-elements CLI rather than a description of the component library itself.
The single skill, also named ai-elements, is one paragraph: build AI chat interfaces — conversations, messages, tool displays, prompt inputs — with the ai-elements component set, and use it when the user wants a chatbot or AI-assistant UI. It carries no reference material of its own about what any individual component (Message, Conversation, PromptInput, and the rest) actually renders or accepts as props; an agent that triggers this skill still has to fetch the registry or read the installed source to know what it's working with.
This is for a Next.js project already running the AI SDK and shadcn/ui, where the win is having an agent reach for npx ai-elements@latest add <component> unprompted instead of hand-rolling a chat UI. It assumes shadcn/ui is initialized and Tailwind is configured in CSS-variables mode; a project without either needs that setup done first, which the skill does not walk through.
Vercel's own README documents component-by-component installation, a full usage example wiring useChat into Conversation and Message, and a recommended AI Gateway setup — none of that detail is repeated in the skill description itself, so the skill's value is almost entirely as a trigger phrase rather than as instructional content.
WHAT'S INSIDE
Drops the ready-made pieces of a chat interface — message bubbles, the input box, the panel showing what the model just did — into your own project as code you can edit, not a library you can only call.
INSTALL
REPOSITORY INSTALL
Run this outside your AI tool, using Node.js 22.20.0 or newer. Skills CLI 1.7.2 skips skill selection; prompts cancel installation without an interactive terminal. If choosing Project when asked about installation scope, open your project's folder before running this.
Install checklist
Additional agents. ↑/↓ moves, Space toggles selections, Enter confirms.Installing to: for your intended tool. Stop if it names a different tool.Symlink (Recommended) for shared files or Copy to all agents for separate copies; review the summary before confirming installation.Install the find-skills skill? defaults to Yes, adding another skill for all projects. Choose No if you don't want that extra installation.npx skills add vercel/ai-elementsSINGLE SKILL
Run this outside your AI tool, using Node.js 22.20.0 or newer. Skills CLI 1.7.2 skips skill selection; prompts cancel installation without an interactive terminal. If choosing Project when asked about installation scope, open your project's folder before running this.
Install checklist
Additional agents. ↑/↓ moves, Space toggles selections, Enter confirms.Installing to: for your intended tool. Stop if it names a different tool.Symlink (Recommended) for shared files or Copy to all agents for separate copies; review the summary before confirming installation.Install the find-skills skill? defaults to Yes, adding another skill for all projects. Choose No if you don't want that extra installation.npx skills add vercel/ai-elements --skill "ai-elements" --full-depth