AI Elements 1.9 adds new components, an agent skill, and a round of bug fixes across the library.

AI Elements skill

You can now install an AI Elements skill into your preferred agent, giving it a better understanding of how to build and use composable AI interfaces.

npx skills add vercel/ai-elements

<JSXPreview />

The new <JSXPreview /> component renders JSX strings dynamically, supporting streaming scenarios where JSX may be incomplete. It automatically closes unclosed tags during streaming, making it a good fit for displaying AI-generated UI in real time.

npx ai-elements@latest add jsx-preview

<PromptInputActionAddScreenshot />

A new <PromptInput /> sub-component that captures a screenshot of the current page, useful for giving visual feedback to AI models.

npx ai-elements@latest add prompt-input

Download conversations

The <Conversation /> component now includes an optional button that downloads the conversation as a markdown file.

Read the documentation to get started.