# Ant Design 组件库 (antd)

> 为 AI 助手提供 Ant Design 组件库的使用能力。AI 可以在任何 React 项目中使用 Ant Design 的基础组件来构建 UI，包括按钮、表单、表格、模态框、布局等所有官方组件。

- Skill: `modbender/ant-design-antd` (Agent Skill, multi-file: 13 files)
- Install (CLI): `npx skillmds@latest add modbender/ant-design-antd`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/ant-design-antd/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/ant-design-antd

---


# Ant Design 组件库 (antd)

## 描述
为 AI 助手提供 Ant Design 组件库的使用能力。AI 可以在任何 React 项目中使用 Ant Design 的基础组件来构建 UI，包括按钮、表单、表格、模态框、布局等所有官方组件。

## 位置
`~/.openclaw/workspace/skills/antd`

## 功能
- 提供 Ant Design 所有基础组件的使用知识
- 支持在任意 React 项目中使用 Ant Design
- 提供组件属性、用法、最佳实践
- 支持 Ant Design 5.x 的所有特性
- 提供主题定制、国际化等高级用法

## 核心组件

### 通用组件
Button, Icon, Typography, Layout, Space, Divider, etc.

### 导航组件
Menu, Tabs, Breadcrumb, Dropdown, Pagination, Steps, etc.

### 数据录入组件
Form, Input, Select, Radio, Checkbox, DatePicker, Upload, etc.

### 数据展示组件
Table, Card, List, Tree, Transfer, Timeline, Badge, etc.

### 反馈组件
Modal, Message, Notification, Result, Progress, Spin, etc.

### 布局组件
Grid, Layout, Space, Divider, etc.

## 使用方法

### 在 OpenClaw 中使用
```
用 Ant Design 创建一个按钮
帮我做一个表单，包含输入框和选择器
用 Table 组件展示用户数据
添加一个 Modal 确认对话框
```

## 依赖
- React 18+
- Ant Design 5+
- @ant-design/icons

## 作者
batype

## 版本
1.0.0