ant-design/x

What it solves

Ant Design X is a UI framework designed specifically for building AI-driven user interfaces. It provides a set of specialized components and tools to handle the unique interaction patterns of Large Language Models (LLMs), such as streaming responses and dynamic interface updates.

How it works

The project is organized into several specialized packages:

• @ant-design/x: A library of atomic UI components based on the RICH interaction paradigm for different stages of AI interaction.
• @ant-design/x-sdk: A set of utility APIs for managing data streams from model agents.
• @ant-design/x-markdown: A high-performance Markdown renderer optimized for streaming, supporting formulas, code highlighting, and Mermaid diagrams.
• @ant-design/x-card: A dynamic card renderer that uses the A2UI protocol to allow AI agents to build and render interactive interfaces via structured JSON streams.
• @ant-design/x-skill: A library of pre-designed agent skills to accelerate the development of AI conversation applications.

Who it’s for

Frontend developers building AI applications who need a professional, enterprise-level set of components and utilities to manage the interaction between users and LLMs.

Highlights

• Streaming-First Design: Specialized renderers for Markdown and dynamic cards that handle real-time data streams efficiently.
• A2UI Protocol Support: Enables AI agents to dynamically generate and update the UI based on JSON streams.
• Enterprise-Ready: Developed and used within Ant Group for AI-driven interfaces.
• Comprehensive Tooling: Combines UI components, SDKs for stream management, and a skill library for agent logic.