vuepont/ai-elements-vue

解决的问题

构建 AI 界面需要专门的 UI 模式——例如推理显示、工具执行审批和来源引用——这些在标准 UI 库中并不存在。AI Elements Vue 提供了一组预构建、可自定义的组件，专为这些 AI 驱动的交互设计，减少了构建复杂 AI 聊天和工作流界面所需的工作量。

如何工作

它作为一个 CLI 工具运行，与 shadcn-vue 集成。当你运行 CLI 时，它会获取组件注册表，并将请求的组件直接安装到你项目的 components 目录中。这种方法使组件成为你代码库的一部分，确保你对它们的样式和逻辑拥有完全控制权。它需要一个已安装 Tailwind CSS 和 AI SDK 的 Vue.js 或 Nuxt.js 项目。

适用人群

使用 Vue.js 或 Nuxt.js 构建 AI 应用的开发者，希望实现专业级 AI UI 模式（如“氛围编码”成果物或思维链显示）而无需从零开始构建。

主要亮点

• AI 专用组件：包含用于思维链推理、模型选择器、提示输入和工具使用可视化的专用元素。
• 工作流可视化：提供一套基于画布的组件（节点、边和控件），用于构建 AI 工作流图。
• 氛围编码支持：包含用于显示成果物和嵌入网页预览的组件。
• CLI 驱动安装：通过 npx 轻松集成，可选择添加整个库或单独添加特定组件。