Vercel

Vercel Releases AI Elements 1.9 with New Agent Skill and UI Components


Executive Summary

Vercel has announced the release of AI Elements 1.9, an update to its library for building composable AI user interfaces. The update introduces a new installable "skill" to help AI agents better understand and use the library's components. Key new features include a component for rendering streaming JSX in real-time, a tool for capturing and adding screenshots to prompts, and the ability to download conversations.

Key Takeaways

* AI Elements Skill: A new skill can be added to an AI agent, improving its ability to build and interact with AI-driven interfaces.

* `<JSXPreview />` Component: A new component that renders JSX strings dynamically, specifically designed to handle incomplete code during streaming to display AI-generated UI in real time.

* `<PromptInputActionAddScreenshot />` Component: A new sub-component for the prompt input that allows users to capture a screenshot of the current page as visual context for an AI model.

* Conversation Download: The `<Conversation />` component now includes an optional button to download the entire conversation history as a markdown file.

Strategic Importance

This update enhances Vercel's toolkit for developers building AI applications, focusing on creating more dynamic, context-aware, and interactive user experiences generated by AI models.

Original article