Back to Skills

ant-design-mobile

verified

Provides comprehensive guidance for Ant Design Mobile component library including mobile components, themes, and platform adaptations. Use when the user asks about Ant Design Mobile, needs to build mobile applications, or implement mobile UI components.

View on GitHub

Marketplace

full-stack-skills

partme-ai/full-stack-skills

Plugin

development-skills-utils

Repository

partme-ai/full-stack-skills
39stars

skills/ant-design-mobile/SKILL.md

Last Verified

February 1, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/ant-design-mobile/SKILL.md -a claude-code --skill ant-design-mobile

Installation paths:

Claude
.claude/skills/ant-design-mobile/
Powered by add-skill CLI

Instructions

## 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, Input, Form, List, Card, Modal, etc.)
- Create mobile-friendly interfaces
- Customize Ant Design Mobile theme
- Implement mobile-specific features (pull-to-refresh, infinite scroll, etc.)
- Use Ant Design Mobile with React Native or web
- Handle mobile gestures and interactions
- Implement mobile navigation patterns
- Use mobile form components
- Create mobile data display components

## How to use this skill

This skill is organized to match the Ant Design Mobile official documentation structure (https://ant-design-mobile.antgroup.com/zh/guide/quick-start, https://ant-design-mobile.antgroup.com/zh/components/button). When working with Ant Design Mobile:

1. **Install and setup** Ant Design Mobile:
   - Load `examples/getting-started/installation.md` for installation instructions
   - Load `examples/getting-started/basic-usage.md` for basic usage examples

2. **Choose the component** based on the user's requirements:
   - Button/按钮 → `examples/components/button.md`
   - Input/输入框 → `examples/components/input.md`
   - Form/表单 → `examples/components/form.md`
   - List/列表 → `examples/components/list.md`
   - Card/卡片 → `examples/components/card.md`
   - Modal/对话框 → `examples/components/modal.md`
   - Picker/选择器 → `examples/components/picker.md`
   - DatePicker/日期选择器 → `examples/components/date-picker.md`
   - Tabs/标签页 → `examples/components/tabs.md`
   - PullToRefresh/下拉刷新 → `examples/components/pull-to-refresh.md`
   - InfiniteScroll/无限滚动 → `examples/components/infinite-scroll.md`
   - And many more components...

3. **Load the appropriate example file** from the `examples/` directory:
   - `examples/getting-started/installation.md` - Installation and setup
   - `examples/getting-started/basic-usage.md` - Basic usage examples
   - `examples/components/button.md` - Button component
   - `examples/co

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
7569 chars