本页面提供一段开箱即用的提示词,让任何 AI 编程 Agent 高效使用 Ant Design。
复制到你的 Agent 对话或自动化流程中。
在编写任何代码之前,请先阅读 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
@ant-design/cli 将所有元数据随包安装 — antd v3 / v4 / v5 / v6 的每个 Prop、Token、Demo 和 Changelog 条目 — 毫秒级查询,完全离线。
npm install -g @ant-design/cli
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
CLI 同时支持作为 MCP 服务器运行,提供 8 个工具和 2 个提示词,支持 IDE 集成(Claude Code、Cursor、VS Code 等)。
{"mcpServers": {"antd": {"command": "npx","args": ["-y", "@ant-design/cli", "mcp"]}}}
完整参考:MCP Server
将完整的组件文档直接注入 AI 上下文:
| 文件 | 说明 |
|---|---|
| llms.txt | 导航文件,包含所有文档和组件的链接 |
| llms-full.txt | 完整的组件文档(英文) |
| llms-full-cn.txt | 完整的组件文档(中文) |
也可以获取单个组件文档:https://ant.design/components/<name>.md。
完整参考:LLMs.txt