logoAnt Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
6.3.3
  • Ant Design of React
  • Component Token
  • Disable Motion
  • Dynamic Theme
  • First Example
  • Local Theme
  • Modify Theme Token
  • Preset Algorithm
  • Use Token
  • Changelog
    v6.3.3
  • 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
    • LLMs.txt
      NEW
    • MCP Server
      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

contributors
    SponsorMCP 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
    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
    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

    Access individual component documentation with .md suffix:

    • 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.