ant-design/x

AI 总结

• 项目定位为构建优秀 AI 界面与智能交互体验的开源方案，强调企业级可用性。
• 提供三个核心 npm 包：@ant-design/x（LLM 交互组件）、@ant-design/x-sdk（模型代理连接与数据流管理）、@ant-design/x-markdown（高性能流式 Markdown 渲染）。
• Markdown 渲染器支持公式、代码高亮、Mermaid 等内容的流式渲染，适配 AI 对话场景的增量输出。
• 仓库提供 CI、覆盖率、Issue/Feature 模板、Discussion 等协作机制，社区贡献路径清晰。
• 官方称该方案已在蚂蚁集团内部 AI 驱动界面中广泛使用，具备一定生产实践背书。

内容摘录

<div align="center"><a name="readme-top"></a>

<img height="180" src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eco6RrQhxbMAAAAAAAAAAAAADgCCAQ/original">

<h1>Ant Design X</h1>

Build excellent AI interfaces and pioneer intelligent new experiences.

[![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] ![GitHub contributors][github-contributors] [![Follow zhihu][zhihu-image]][zhihu-url] Ask DeepWiki

| Package | Latest Version | Download stats | Bundle Size | JSDelivr |
| :-- | :-- | :-- | :-- | :-- |
| @ant-design/x | [![npm version][x-version-image]][x-version-url] | [![npm downloads][x-downloads-image]][x-downloads-url] | [![bundle size][x-bundle-size-image]][x-bundle-size-url] | [![jsdelivr][x-jsdelivr-image]][x-jsdelivr-url] |
| @ant-design/x-markdown | [![npm version][x-markdown-version-image]][x-markdown-version-url] | [![npm downloads][x-markdown-downloads-image]][x-markdown-downloads-url] | [![bundle size][x-markdown-bundle-size-image]][x-markdown-bundle-size-url] | [![jsdelivr][x-markdown-jsdelivr-image]][x-markdown-jsdelivr-url] |
| @ant-design/x-sdk | [![npm version][x-sdk-version-image]][x-sdk-version-url] | [![npm downloads][x-sdk-downloads-image]][x-sdk-downloads-url] | [![bundle size][x-sdk-bundle-size-image]][x-sdk-bundle-size-url] | [![jsdelivr][x-sdk-jsdelivr-image]][x-sdk-jsdelivr-url] |

Changelog · [Report a Bug][github-issues-bug-report] · [Request a Feature][github-issues-feature-request] · English · 中文

[x-version-image]: https://img.shields.io/npm/v/@ant-design/x.svg?style=flat-square
[x-version-url]: https://www.npmjs.com/package/@ant-design/x
[x-downloads-image]: https://img.shields.io/npm/dm/@ant-design/x.svg?style=flat
[x-downloads-url]: https://www.npmjs.com/package/@ant-design/x
[x-bundle-size-image]: https://img.shields.io/bundlephobia/minzip/@ant-design/x
[x-bundle-size-url]: https://bundlephobia.com/result?p=@ant-design/x
[x-package-size-image]: https://packagephobia.com/badge?p=@ant-design/x
[x-package-size-url]: https://packagephobia.com/result?p=@ant-design/x
[x-jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/@ant-design/x/badge
[x-jsdelivr-url]: https://www.jsdelivr.com/package/npm/@ant-design/x
[x-markdown-version-image]: https://img.shields.io/npm/v/@ant-design/x-markdown.svg?style=flat
[x-markdown-version-url]: https://www.npmjs.com/package/@ant-design/x-markdown
[x-markdown-downloads-image]: https://img.shields.io/npm/dm/@ant-design/x-markdown.svg?style=flat
[x-markdown-downloads-url]: https://www.npmjs.com/package/@ant-design/x-markdown
[x-markdown-bundle-size-image]: https://img.shields.io/bundlephobia/minzip/@ant-design/x-markdown
[x-markdown-bundle-size-url]: https://bundlephobia.com/result?p=@ant-design/x-markdown
[x-markdown-package-size-image]: https://packagephobia.com/badge?p=@ant-design/x-markdown
[x-markdown-package-size-url]: https://packagephobia.com/result?p=@ant-design/x-markdown
[x-markdown-jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/@ant-design/x-markdown/badge
[x-markdown-jsdelivr-url]: https://www.jsdelivr.com/package/npm/@ant-design/x-markdown
[x-sdk-version-image]: https://img.shields.io/npm/v/@ant-design/x-sdk.svg?style=flat
[x-sdk-version-url]: https://www.npmjs.com/package/@ant-design/x-sdk
[x-sdk-downloads-image]: https://img.shields.io/npm/dm/@ant-design/x-sdk.svg?style=flat
[x-sdk-downloads-url]: https://www.npmjs.com/package/@ant-design/x-sdk
[x-sdk-bundle-size-image]: https://img.shields.io/bundlephobia/minzip/@ant-design/x-sdk
[x-sdk-bundle-size-url]: https://bundlephobia.com/result?p=@ant-design/x-sdk
[x-sdk-package-size-image]: https://packagephobia.com/badge?p=@ant-design/x-sdk
[x-sdk-package-size-url]: https://packagephobia.com/result?p=@ant-design/x-sdk
[x-sdk-jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/@ant-design/x-sdk/badge
[x-sdk-jsdelivr-url]: https://www.jsdelivr.com/package/npm/@ant-design/x-sdk
[npm-image]: https://img.shields.io/npm/v/@ant-design/x.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@ant-design/x
[github-action-image]: https://github.com/ant-design/x/actions/workflows/main.yml/badge.svg
[github-action-url]: https://github.com/ant-design/x/actions/workflows/main.yml
[codecov-image]: https://codecov.io/gh/ant-design/x/graph/badge.svg?token=wrCCsyTmdi
[codecov-url]: https://codecov.io/gh/ant-design/x
[download-image]: https://img.shields.io/npm/dm/@ant-design/x.svg?style=flat-square
[download-url]: https://npmjs.org/package/@ant-design/x
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@ant-design/x?style=flat-square
[bundlephobia-url]: https://bundlephobia.com/package/@ant-design/x
[github-issues-bug-report]: https://github.com/ant-design/x/issues/new?template=bug-report.yml
[github-issues-feature-request]: https://github.com/ant-design/x/issues/new?template=bug-feature-request.yml
[antd-image]: https://img.shields.io/badge/-Ant%20Design-blue?labelColor=black&logo=antdesign&style=flat-square
[antd-url]: https://ant.design
[zhihu-image]: https://img.shields.io/badge/-Ant%20Design-white?logo=zhihu
[zhihu-url]: https://www.zhihu.com/column/c_1564262000561106944
[github-contributors]: https://img.shields.io/github/contributors-anon/ant-design/x

</div>

!demos
🌈 Enterprise-level LLM Components Out of the Box

@ant-design/x provides a rich set of atomic components for different interaction stages based on the RICH interaction paradigm, helping you flexibly build your AI applications. See details here.
⚡️ Connect to Model Agents & Efficiently Manage Data Streams

@ant-design/x-sdk provides a set of utility APIs to help developers manage AI application data streams out of the box. See details here.
✨ Markdown Renderer

@ant-design/x-markdown aims to provide a streaming-friendly, highly extensible, and high-performance Markdown renderer. It supports streaming rendering of formulas, code highlighting, mermaid, and more. See details here.
Who's using

Ant Design X is widely used in AI-d…