1 min read

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-inputDownload conversations
The <Conversation /> component now includes an optional button that downloads the conversation as a markdown file.
Read the documentation to get started.