ant-design-pro README

The project's README from github.com/ant-design/ant-design-pro. As one markdown file: README.md.

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate.

CI GitHub release Build With Utoo Build With Umi Checked with Biome Ant Design

Language: English | 简体中文

light theme preview dark theme preview

Features

Templates

- Welcome
- Dashboard
  - Analysis
  - Monitor
  - Workplace
- Form
  - Basic Form
  - Step Form
  - Advanced Form
- List
  - Search List (Articles/Projects/Applications)
  - Table List
  - Basic List
  - Card List
- Profile
  - Basic Profile
  - Advanced Profile
- Result
  - Success
  - Fail
- Exception
  - 403
  - 404
  - 500
- Account
  - Account Center
  - Account Settings
- AI Assistant
- User
  - Login
  - Register
  - Register Result

Usage

Get Started

Clone or download this repository to your local machine:

git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
cd myapp

Installation

npm install

Development

# Start development server (full version by default)
npm start

Simplify to Simple Version

This project includes all blocks by default. If you need a minimal version, run:

npm run simple

This will:

Note: This operation is irreversible and will permanently delete files.

Build

npm run build

AI Skills (Claude Code)

This project ships with two built-in Claude Code Skills in .claude/skills/:

Skill Trigger Description
/pro-upgrade "upgrade pro", "update to latest" Auto-upgrade to the latest Ant Design Pro version. Diffs the latest template, merges framework changes while preserving your business code.
/antd antd-related code or questions Query antd component APIs, props, tokens, demos; lint for deprecated usage; migrate between versions — all via @ant-design/cli.

Usage in Claude Code:

# Upgrade the project to latest Pro version
/pro-upgrade

# Query antd component info, debug issues, run lint, etc.
/antd

💡 If your project was cloned from this repo, these skills are already included — no installation needed. To get the latest skill definitions, pull the updates from the template or run npx skills add ant-design/ant-design-pro to refresh them.

Browsers support

Modern browsers.

Edge
Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari
Edge last 2 versions last 2 versions last 2 versions

Contributing

Any type of contribution is welcome, here are some examples of how you may contribute to this project:

Contribution Leaderboard

ant-design-pro (ant-design/ant-design-pro)

Searching Database…

38.9K ·GitHub
Ant-design-pro
这是什么？Ant Design Pro 是一个开箱即用的 UI 脚手架，用于构建企业级后台管理应用，基于 Ant Design 和 React 构建。
这是组件库还是完整的脚手架项目？这是一个完整的 React 脚手架项目，你可以克隆下来在此基础上开发，而不只是一个组件包。它已经内置了页面模板、路由、模拟数据和国际化配置。
我该如何开始使用？克隆或下载该仓库，安装依赖，然后运行开发脚本启动开发服务器。
它的技术栈是什么？它基于 React 19、Umi Max 4 和 antd 6 运行，使用 TypeScript 编写，需要 Node.js 22 或更高版本。
如果我不需要所有示例页面，能精简它吗？可以，有一个脚本可以把项目精简为最小版本，但它会永久删除多余的页面目录、模拟数据和路由，此操作不可逆。
它能在 Intel 和 AMD 的电脑上运行吗，或者有什么特定平台要求？它是一个使用标准 Web 工具构建的网页应用，只要能运行 Node.js 和现代浏览器的环境就能运行，不需要特殊硬件。
它内置了哪些 AI 功能？它内置了两个 Claude Code Skills（/pro-upgrade 和 /antd），分别用于自动升级模板以及查询和检查 antd 组件的用法，另外还有一个由 Ant Design X 驱动的内置 AI 聊天机器人页面。
我可以自定义主题或外观吗？可以，它支持基于 Tailwind CSS v4 和 antd-style 的可定制主题系统。
它是否开箱即支持多语言？支持，它内置了国际化（i18n）方案，README 提供英文和简体中文两个版本。
支持哪些浏览器？仅支持现代浏览器：Edge、Firefox、Chrome 和 Safari 的最新两个版本。
What are similar projects?ant-design-vue-pro, ant-design, ant-design-mobile, ant-design-vue, JeecgBoot, formily, react-admin, boardui
Which topics is it in?ant-design, antd, admin, boilerplate, ai-assistant, enterprise, tailwindcss, i18n, chatbot, ui-components, dashboard, ui
Creator
ant-design
Size
41.3 MB
Stars
38.9K
Updated
CommitOct 15Releasev6.0.3Aug 17
Age
9y
Commits · 90 Days