skills.rest
ant-designant-designOfficialยท7 Agent Skills Included

x

Build AI chat interfaces with ready-made React components

Builds complete AI chat applications with ready-made React components for message bubbles, input boxes, conversations, and streaming Markdown rendering. Connects any LLM API to your interface through configurable request tools and chat providers without writing data-flow logic from scratch. Includes agent skills that guide AI coding assistants to wire up components, providers, and dynamic card UIs correctly the first time.
4,749|1,151
โ†—
npx skills add ant-design/x --all -g -y

All Skills in This Repository (7)

Pure Emerald Level Indicators
๐Ÿ“ฆ In Repo
ant-designant-design

x-chat-provider

Adapt custom streaming chat APIs to the Ant Design X format.

Official
Intermediate
๐Ÿ“ฆ In Repo
ant-designant-design

x-request

Manage network requests, authentication, and error handling for API endpoints.

Official
Intermediate
๐Ÿ“ฆ In Repo
ant-designant-design

x-markdown

Render streaming Markdown content with custom React components and HTML sanitization.

Official
Intermediate
๐Ÿ“ฆ In Repo
ant-designant-design

use-x-chat

Integrate the useXChat hook into React applications for AI conversations.

Official
Intermediate
๐Ÿ“ฆ In Repo
ant-designant-design

Ant Design X ็ป„ไปถๅผ€ๅ‘่ง„่ŒƒๆŒ‡ๅ—

Guide Ant Design X component development with TypeScript, CSS-in-JS, and testing standards.

Official
Advanced
๐Ÿ“ฆ In Repo
ant-designant-design

x-components

Build AI chat interfaces with @ant-design/x React components.

Official
Intermediate
๐Ÿ“ฆ In Repo
ant-designant-design

x-card

Renders AI agent UIs from A2UI v0.9 JSON command streams in React.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Ant Design X?โ–ผ

Run `npx skills add ant-design/x --all -g -y` in your terminal to install all agent skills in this suite globally.

What is Ant Design X used for?โ–ผ

It is a React component library for building AI chat interfaces, offering message bubbles, senders, conversation lists, streaming Markdown, and dynamic agent-driven cards.

How do I connect my own LLM API to Ant Design X?โ–ผ

Use the XRequest tool and a Chat Provider from @ant-design/x-sdk to adapt any streaming API, with built-in providers for OpenAI and DeepSeek formats.

Does Ant Design X support streaming responses?โ–ผ

Yes. The useXChat hook manages streaming message state, and XMarkdown renders incomplete Markdown chunks smoothly as they arrive.

Do the Ant Design X skills work with AI coding assistants?โ–ผ

Yes. The included SKILL.md files follow the universal skill standard and guide agents like Claude Code and Cursor to build correct Ant Design X integrations.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official๐Ÿ“ฆ 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community๐Ÿ“ฆ 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official๐Ÿ“ฆ 14 Skills