logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
YouMindTRACTIANLobeHubCodeRabbit
6.4.4
  • Ant Design of React
  • 更新日志
    v6.4.4
  • 如何使用
    • 快速上手
    • 在 Vite 中使用
    • 在 Next.js 中使用
      更新
    • 在 Umi 中使用
    • 在 Rsbuild 中使用
    • 在 Farm 中使用
    • 使用 Refine
  • AI
    • For Agents
      新增
    • LLMs.txt
      新增
    • MCP Server
      新增
    • CLI
      新增
  • 进阶使用
    • 定制主题
    • 样式兼容
    • 服务端渲染
    • 使用自定义日期库
    • 国际化
    • 通用属性
  • 迁移
    • 从 v5 到 v6
  • 其他
    • 社区精选组件
    • 贡献指南
    • 赞助
    • FAQ
复制这段 prompt
Agent 获得什么
CLI — 离线知识和项目工具
MCP Server — IDE 集成
LLMs.txt — LLM 结构化文档

For Agents

使用 RefineLLMs.txt

相关资源

Ant Design X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
X
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
For Agents
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
WeaveFox logoWeaveFox-前端智能研发
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区

本页面提供一段开箱即用的提示词,让任何 AI 编程 Agent 高效使用 Ant Design。

复制这段 prompt

复制到你的 Agent 对话或自动化流程中。

text
在编写任何代码之前,请先阅读 https://ant.design/docs/react/for-agents-cn.md 和 https://raw.githubusercontent.com/ant-design/ant-design-cli/main/skills/antd/SKILL.md,留意弃用提示,并按照说明使用 Ant Design。
如果你可以安装 skills,请运行:
npx skills add ant-design/ant-design-cli

Agent 获得什么

CLI — 离线知识和项目工具

@ant-design/cli 将所有元数据随包安装 — antd v3 / v4 / v5 / v6 的每个 Prop、Token、Demo 和 Changelog 条目 — 毫秒级查询,完全离线。

bash
npm install -g @ant-design/cli
bash
antd info Button # 组件 Props、类型、默认值
antd demo Select basic # 可运行的 Demo 源码
antd token DatePicker # Design Token 值(v5+)
antd semantic Table # classNames / styles 结构
antd changelog 4.24.0 5.0.0 Select # 跨版本 API 差异对比
antd doctor # 诊断项目配置问题
antd lint ./src # 检查废弃 API 和最佳实践
antd migrate 4 5 --apply ./src # 生成 Agent 迁移提示

完整参考:CLI

MCP Server — IDE 集成

CLI 同时支持作为 MCP 服务器运行,提供 8 个工具和 2 个提示词,支持 IDE 集成(Claude Code、Cursor、VS Code 等)。

json
{
"mcpServers": {
"antd": {
"command": "npx",
"args": ["-y", "@ant-design/cli", "mcp"]
}
}
}

完整参考:MCP Server

LLMs.txt — LLM 结构化文档

将完整的组件文档直接注入 AI 上下文:

文件说明
llms.txt导航文件,包含所有文档和组件的链接
llms-full.txt完整的组件文档(英文)
llms-full-cn.txt完整的组件文档(中文)

也可以获取单个组件文档:https://ant.design/components/<name>.md。

完整参考:LLMs.txt