ant-design-mobile

When to use this skill

Use this skill whenever the user wants to:

• Build React mobile applications with Ant Design Mobile components
• Use mobile UI components (Button, Form, List, Card, Modal, Tabs, etc.)
• Implement mobile-specific features (pull-to-refresh, infinite scroll, gestures)
• Customize the Ant Design Mobile theme with CSS variables
• Set up internationalization with ConfigProvider

How to use this skill

Workflow

1. Install - npm install antd-mobile and import CSS
2. Choose components - Match the UI need to the component from the reference below
3. Load the example file - Each component has a detailed example in examples/components/
4. Customize theme - Use ConfigProvider or CSS variables for theming

Quick-Start Example: Mobile Form with Validation