{"name":"Ant Design X: Crafting AI-Driven Interfaces with React Components","description":"Ant Design X is an innovative open-source project by Ant Design, designed to simplify the creation of AI-driven user interfaces. It offers a comprehensive suite of enterprise-level LLM components, tools for efficient data stream management, and a high-performance Markdown renderer. Built with TypeScript, it leverages React and Ant Design to provide a robust solution for modern AI applications.","github":"https://github.com/ant-design/x","url":"https://osrepos.com/repo/ant-design-x","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/ant-design-x","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/ant-design-x.md","json":"https://osrepos.com/repo/ant-design-x.json","topics":["ai","antd","chat-ui","react","TypeScript","frontend","UI components","LLM"],"keywords":["ai","antd","chat-ui","react","TypeScript","frontend","UI components","LLM"],"stars":null,"summary":"Ant Design X is an innovative open-source project by Ant Design, designed to simplify the creation of AI-driven user interfaces. It offers a comprehensive suite of enterprise-level LLM components, tools for efficient data stream management, and a high-performance Markdown renderer. Built with TypeScript, it leverages React and Ant Design to provide a robust solution for modern AI applications.","content":"## Introduction\n\nAnt Design X is an innovative open-source project from Ant Design, meticulously crafted to simplify the development of AI-driven user interfaces. It offers a comprehensive suite of enterprise-level Large Language Model (LLM) components, robust tools for efficient data stream management, and a high-performance Markdown renderer. Built with TypeScript and leveraging the power of React and the Ant Design ecosystem, Ant Design X provides developers with a powerful and flexible solution for pioneering intelligent new experiences.\n\n## Installation\n\nTo get started with Ant Design X, you can use `npm` or `utoo`, which is recommended for local development due to its use of `npm-workspace`.\n\nFirst, install `utoo` globally:\n\nbash\nnpm i -g utoo\n\n\nThen, install project dependencies:\n\nbash\nut install\n\n\nYou can start the project using `utoo` as well:\n\nbash\nut start\n# Or for a specific package:\nut start --workspace @ant-design/x\n\n\nFor adding dependencies to a subpackage, navigate into its directory or use the `--workspace` flag:\n\nbash\ncd packages/x && ut install [pkg@version]\n# Or:\nut install [pkg@version] --workspace packages/x\n\n\n## Examples\n\nAnt Design X is structured into several packages, each serving a distinct purpose in building AI applications:\n\n*   **`@ant-design/x`**: This core package provides a rich set of atomic components designed for various interaction stages, following the RICH interaction paradigm. These components enable developers to flexibly build their AI application interfaces.\n*   **`@ant-design/x-sdk`**: This package offers a collection of utility APIs specifically tailored to help developers manage AI application data streams efficiently and out of the box. It simplifies the complexities of data flow in intelligent systems.\n*   **`@ant-design/x-markdown`**: Aiming for high performance and extensibility, this package provides a streaming-friendly Markdown renderer. It supports advanced features like streaming rendering of formulas, code highlighting, and Mermaid diagrams, making it ideal for displaying dynamic AI-generated content.\n\n## Why Use Ant Design X?\n\n*   **Enterprise-Level LLM Components**: Quickly build sophisticated AI interfaces with ready-to-use, high-quality components tailored for LLM interactions.\n*   **Efficient Data Management**: Streamline AI application data flows with powerful SDK utilities, simplifying complex data handling.\n*   **Advanced Markdown Rendering**: Deliver dynamic content with a high-performance, streaming-friendly Markdown renderer that supports rich features like formulas, code highlighting, and Mermaid.\n*   **React and TypeScript**: Benefit from a modern, type-safe development experience within the robust React ecosystem.\n*   **Ant Design Ecosystem Integration**: Seamlessly integrate Ant Design X into existing Ant Design projects, ensuring consistency and leveraging familiar patterns.\n\n## Links\n\n*   **GitHub Repository**: [https://github.com/ant-design/x](https://github.com/ant-design/x)\n*   **`@ant-design/x` on npm**: [https://www.npmjs.com/package/@ant-design/x](https://www.npmjs.com/package/@ant-design/x)\n*   **`@ant-design/x-sdk` on npm**: [https://www.npmjs.com/package/@ant-design/x-sdk](https://www.npmjs.com/package/@ant-design/x-sdk)\n*   **`@ant-design/x-markdown` on npm**: [https://www.npmjs.com/package/@ant-design/x-markdown](https://www.npmjs.com/package/@ant-design/x-markdown)\n*   **Community Support (GitHub Discussions)**: [https://github.com/ant-design/x/discussions](https://github.com/ant-design/x/discussions)","metrics":{"detailViews":1,"githubClicks":0},"dates":{"published":null,"modified":"2025-12-08T00:01:29.000Z"}}