logoAnt Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
YouMindTRACTIANLobeHubCodeRabbit
6.5.0
  • Ant Design of React
  • Component Token
  • Disable Motion
  • Dynamic Theme
  • First Example
  • Local Theme
  • Modify Theme Token
  • Preset Algorithm
  • Use Token
  • Changelog
    v6.5.0
  • Basic Usage
    • Getting Started
    • Usage with Vite
    • Usage with Next.js
      UPDATED
    • Usage with Umi
    • Usage with Rsbuild
    • Usage with Farm
    • Usage with Refine
  • Others
    • Sponsor
  • AI
    • For Agents
      NEW
    • design.md
      NEW
    • LLMs.txt
      NEW
    • MCP Server
      NEW
    • CLI
      NEW
  • Advanced
    • Customize Theme
    • CSS Compatible
    • Server Side Rendering
    • Use custom date library
    • Internationalization
    • Common Props
  • Migration
    • From v5 to v6
  • Other
    • Third-Party Libraries
    • Contributing
    • FAQ
What is LLMs.txt?
Available Resources
LLMs.txt Aggregated Files
Single Component Documentation
Semantic Documentation
Usage with AI Tools

LLMs.txt

Docs
Edit this pageLLMs.md
design.mdMCP Server

Resources

Ant Design X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
X
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
For Agents
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
WeaveFox logoWeaveFox-AI Development with WeaveFox 🦊
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community

This guide explains how to enable AI tools to better understand Ant Design.

What is LLMs.txt?

We support LLMs.txt files for making the Ant Design documentation available to large language models (LLMs). This feature helps AI tools better understand our component library, its APIs, and usage patterns.

Available Resources

LLMs.txt Aggregated Files

We provide several aggregated files to help AI tools access our documentation:

FileDescription
llms.txtNavigation file with links to all documentation and components
design.mdDesign language description (default light theme) for AI design tools (Figma Make, Stitch, etc.), conformant with the google-labs-code/design.md format
llms-full.txtComplete component documentation (English) with implementation details and examples
llms-full-cn.txtComplete component documentation (Chinese)
llms-semantic.mdSemantic component descriptions (English) with DOM structure and usage patterns
llms-semantic-cn.mdSemantic component descriptions (Chinese)

Single Component Documentation

Add .md suffix to the original component documentation URL:

  • https://ant.design/components/button.md (English)
  • https://ant.design/components/button-cn.md (Chinese)

Semantic Documentation

Each component has a semantic description file:

  • https://ant.design/components/button/semantic.md (English)
  • https://ant.design/components/button-cn/semantic.md (Chinese)

Semantic documentation includes:

  • Component parts and their purposes
  • Usage examples and best practices
  • DOM structure overview

Usage with AI Tools

ToolDescriptionPrompt
CursorUse @Docs feature to include LLMs.txt, or add prompt to .cursor/rules. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
WindsurfAdd prompt to .windsurf/rules or use cascade memories. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
Claude CodeAdd to CLAUDE.md or use /memory to persist. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
CodexAdd to .codex/settings.json or AGENTS.md. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
Gemini CLIUse --context parameter or add to .gemini/config.json. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
TraeAdd to project's knowledge sources in settings. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
QoderAdd to .qoder/config.yml or use @docs in conversation. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
Neovate CodeRun neovate and describe task with prompt. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.
Qwen CodeOpen-source terminal AI agent with free OAuth tier. Run qwen for interactive mode, use @ to reference files. DocumentationRead https://ant.design/llms-full.txt and understand Ant Design components. Use this knowledge when writing code with Ant Design.