ant-design-vue

Provides comprehensive guidance for Ant Design Vue (AntDV) component library for Vue 3. Covers installation, usage, API reference, templates, and all component categories. Use when building enterprise-class UI with Vue 3 and Ant Design.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "ant-design-vue" with this command: npx skills add partme-ai/full-stack-skills/partme-ai-full-stack-skills-ant-design-vue

When to use this skill

ALWAYS use this skill when the user mentions:

  • "Ant Design Vue", "AntDV", "Ant Design of Vue"
  • Building Vue 3 applications with Ant Design
  • Using UI components like Button, Table, Form, Modal, Menu in a Vue context
  • "Ant Design Vue 4.x", "AntDV 4"
  • Requests to "implement a [component] with Ant Design Vue"
  • Requests for Ant Design Vue API or configuration

How to use this skill

This skill is organized to match the Ant Design Vue official documentation structure.

1. Identify the User's Need

  • Getting Started/Setupexamples/getting-started/installation.md or templates/project-setup.md
  • Component Usage → See Component Categories below
  • API Referenceapi/components.md or api/config-provider.md
  • Theme/i18nexamples/advanced/
  • Templatestemplates/component-template.md

2. Component Categories (One-to-One Mapping)

通用 (General)

  • Contains: Button, Icon, Typography
  • File: examples/components/general.md

布局 (Layout)

  • Contains: Divider, Grid, Layout, Space
  • File: examples/components/layout.md

导航 (Navigation)

  • Contains: Anchor, Breadcrumb, Dropdown, Menu, Pagination, Steps
  • File: examples/components/navigation.md

数据录入 (Data Entry)

  • Contains: AutoComplete, Cascader, Checkbox, DatePicker, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload
  • File: examples/components/data-entry.md

数据展示 (Data Display)

  • Contains: Avatar, Badge, Calendar, Card, Carousel, Collapse, Descriptions, Empty, Image, List, Popover, QRCode, Segmented, Statistic, Table, Tabs, Tag, Timeline, Tooltip, Tour, Tree
  • File: examples/components/data-display.md

反馈 (Feedback)

  • Contains: Alert, Drawer, Message, Modal, Notification, Popconfirm, Progress, Result, Skeleton, Spin, Watermark
  • File: examples/components/feedback.md

其他 (Other)

  • Contains: Affix, App, BackTop, ConfigProvider, FloatButton
  • File: examples/components/other.md

3. API & Advanced Topics

  • Components API: api/components.md (Props, Events for common components)
  • ConfigProvider API: api/config-provider.md (Global config, Theme)
  • Theme Customization: examples/advanced/theme-customization.md (Design Token)
  • Internationalization: examples/advanced/internationalization.md

4. Templates

  • Component Templates: templates/component-template.md (Basic, Form, Modal patterns)
  • Project Setup: templates/project-setup.md (Vite, Main.ts, App.vue setup)

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

ant-design-vue

No summary provided by upstream source.

Repository SourceNeeds Review
General

vue3

No summary provided by upstream source.

Repository SourceNeeds Review
General

element-plus-vue3

No summary provided by upstream source.

Repository SourceNeeds Review
General

uniapp-project

No summary provided by upstream source.

Repository SourceNeeds Review