Ant Design X

活跃
GitHub TypeScript No License

简介

Ant Design X 是企业级 React 组件库，专注打造 AI 对话界面与智能体新体验，含流式 Markdown、A2UI 卡片渲染器。

核心特性

  • RICH 交互范式组件 - 覆盖 AI 对话各阶段的原子化 UI
  • 流式 Markdown 渲染器 - 高性能流式呈现公式、代码和 mermaid
  • A2UI 动态卡片渲染器 - Agent 通过结构化 JSON 流动态构建交互界面
  • 数据流工具 SDK - 开箱即用连接模型 Agent 并管理流式数据
  • Skill 智能技能库 - 预构建 Agent 技能，加速 AI 对话开发
  • Ant Design 生态集成 - 一致的设计语言和主题可定制

适用场景

💡 打造具备 Ant Design 设计语言的企级 AI 对话产品
💡 流式渲染带代码高亮和数学公式的 Markdown 回复
💡 让 Agent 通过 A2UI JSON 流输出动态交互卡片
💡 用富消息组件组合客服助手
💡 通过捆绑的 x-skill 库快速搭建 AI 应用

标签

chat-ui react typescript markdown ant-design

分类

💬 聊天界面

快速开始

# 安装核心组件
npm install @ant-design/x
# 可选：流式 Markdown 与 A2UI 卡片渲染器
npm install @ant-design/x-markdown @ant-design/x-card
# 数据流工具 SDK
npm install @ant-design/x-sdk

import { Bubble, Sender, Conversations } from "@ant-design/x";
import { XMarkdown } from "@ant-design/x-markdown";

export default function App() {
  return (
    <>
      <Conversations />
      <Bubble content="你好！有什么可以帮你的吗？" />
      <XMarkdown content={"流式 **markdown** 渲染，含 `code` 高亮。"} streaming />
      <Sender />
    </>
  );
}
访问 GitHub 访问官网 查看文档

相关项目