mcpField
A
ant-design-vue

ant-design-vue

github.com/partme-aiDevelopment716223 installsUpdated 3w ago
Repository

About ant-design-vue

ant-design-vue is a development skill that guides Vue 3 developers through Ant Design Vue documentation for components, APIs, themes, and internationalization. Its materials follow the documentation structure and include categorized component references, setup guidance, and templates.

Key features

  1. 01Organizes UI components by category
  2. 02Guides component and ConfigProvider API lookup
  3. 03Covers theme customization and internationalization
  4. 04Includes Vite project setup guidance
  5. 05Provides component implementation templates

Use cases

  1. 01Choose and implement UI components in Vue 3 pages
  2. 02Look up component props and events
  3. 03Configure themes or internationalization
  4. 04Set up a project entry point and component structure with Vite

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-skills --skill ant-design-vue

After installing, type/ant-design-vuein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE.txt
api/
components.md
config-provider.md
examples/advanced/
internationalization.md
theme-customization.md
examples/components/
data-display.md
data-entry.md
feedback.md
general.md
layout.md
navigation.md
other.md
examples/getting-started/
installation.md
usage.md
templates/
component-template.md
project-setup.md

Details

From the project README

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/Setup → examples/getting-started/installation.md or templates/project-setup.md
  • Component Usage → See Component Categories below
  • API Reference → api/components.md or api/config-provider.md
  • Theme/i18n → examples/advanced/
  • Templates → templates/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)

Comments

Markdown supported