GPT-Vis 新增 Shadcn/ui 分发方式，通过一行命令即可将 26 种 AI 图表组件直接复制到 React 项目源码中，像使用本地 UI 组件一样灵活修改和组合。
📝 详细摘要
文章介绍了 AntV 团队开源的 GPT-Vis 项目新增的 Shadcn/ui 组件分发能力。开发者可以通过 npx shadcn@latest add 命令，将封装好的 React 可视化组件直接安装到项目源码中，无需额外封装。文章详细说明了通用 GPTVis 组件和 26 种类型化图表组件的安装与使用方式，并对比了 Shadcn/ui 分发、NPM 包安装和 AI Skill 安装三种不同场景的安装方案。Shadcn/ui 方式的核心优势在于组件源码直接进入项目，方便开发者修改样式、接入业务状态和进行二次封装。GPT-Vis 支持 vis 语法字符串和 JSON 配置对象两种输入方式，前者适合 LLM 生成和流式输出，后者适合业务代码中程序化组装图表。
💡 主要观点
- GPT-Vis 新增 Shadcn/ui 分发方式，组件源码直接进入项目。 通过 npx shadcn@latest add 命令安装后，组件源码会复制到 src/components/ui/ 目录下，开发者可以像修改本地 UI 组件一样自由修改样式和逻辑。
💬 文章金句
- 把开源可视化代码，直接装进你的项目。
- 组件源码进入项目，方便改样式、接业务状态、二次封装。
- GPT-Vis 已支持多种不同安装使用方式：Shadcn/ui 组件分发、NPM 包安装、AI Skill 安装，覆盖从传统前端项目到 AI Agent 的完整场景。
📊 文章信息
AI 初评：82
来源：数据可视化 AntV
作者：数据可视化 AntV
分类：软件编程
语言：中文
阅读时间：5 分钟
字数：1247
标签： GPT-Vis, Shadcn/ui, React, 数据可视化, AntV