Provides comprehensive guidance for Ant Design React component library including components, design system, themes, and TypeScript support. Use when the user asks about Ant Design for React, needs to build React applications with Ant Design, or implement design system patterns.
View on GitHubpartme-ai/full-stack-skills
development-skills-utils
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/ant-design-react/SKILL.md -a claude-code --skill ant-design-reactInstallation paths:
.claude/skills/ant-design-react/## When to use this skill Use this skill whenever the user wants to: - Build React applications with Ant Design components - Use Ant Design UI components (Button, Form, Table, Input, Select, etc.) - Customize Ant Design theme and styles - Implement internationalization (i18n) with Ant Design - Use Ant Design with TypeScript - Create forms with validation - Display data in tables and lists - Implement navigation and layout - Use Ant Design icons - Handle user feedback (Modal, Message, Notification) - Implement data visualization components - Use Ant Design design tokens and design system ## How to use this skill This skill is organized to match the Ant Design React official documentation structure (https://4x-ant-design.antgroup.com/docs/react/introduce-cn, https://4x-ant-design.antgroup.com/components/overview-cn/). When working with Ant Design React: 1. **Identify the topic** from the user's request: - Getting started/快速开始 → `examples/getting-started/installation.md` or `examples/getting-started/basic-usage.md` - Button/按钮 → `examples/components/button.md` - Form/表单 → `examples/components/form.md` - Table/表格 → `examples/components/table.md` - Input/输入框 → `examples/components/input.md` - Select/选择器 → `examples/components/select.md` - DatePicker/日期选择器 → `examples/components/date-picker.md` - Modal/对话框 → `examples/components/modal.md` - Layout/布局 → `examples/components/layout.md` - Menu/菜单 → `examples/components/menu.md` - Theme customization/主题定制 → `examples/advanced/theme-customization.md` - Internationalization/国际化 → `examples/advanced/internationalization.md` - TypeScript/类型支持 → `examples/advanced/typescript.md` 2. **Load the appropriate example file** from the `examples/` directory: **Getting Started (快速开始) - `examples/getting-started/`**: - `examples/getting-started/installation.md` - Installing Ant Design and basic setup - `examples/getting-started/basic-usage.md` - Basic component usage **Components (组件