mcpField
A
ant-design-vue

ant-design-vue

github.com/partme-ai开发716223 次安装3 周前更新
代码仓库

关于 ant-design-vue

ant-design-vue 是为 Vue 3 应用提供 Ant Design Vue 文档指引的开发技能，帮助查找组件、API、主题和国际化资料。内容按官方文档结构组织，并包含组件分类、项目设置与组件模板。

主要功能

  1. 01按类别整理常用 UI 组件
  2. 02提供组件与 ConfigProvider API 指引
  3. 03涵盖主题定制与国际化
  4. 04包含 Vite 项目设置指引
  5. 05提供组件实现模板

适用场景

  1. 01为 Vue 3 页面选择和实现 UI 组件
  2. 02查询组件属性与事件用法
  3. 03配置主题或国际化
  4. 04使用 Vite 搭建项目入口与组件结构

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/ant-design-vue确认已加载。

包含的文件

除 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

详细介绍

适用场景

用户提到以下内容时，始终使用此技能：

  • “Ant Design Vue”“AntDV”“Ant Design of Vue”
  • 使用 Ant Design 构建 Vue 3 应用
  • 在 Vue 场景中使用 Button、Table、Form、Modal、Menu 等 UI 组件
  • “Ant Design Vue 4.x”“AntDV 4”
  • 请求“使用 Ant Design Vue 实现某个组件”
  • 询问 Ant Design Vue API 或配置

如何使用此技能

此技能按照 Ant Design Vue 官方文档的结构组织。

1. 确定用户需求
  • 入门/设置 → examples/getting-started/installation.md 或 templates/project-setup.md
  • 组件用法 → 参见下方的组件分类
  • API 参考 → api/components.md 或 api/config-provider.md
  • 主题/国际化 → examples/advanced/
  • 模板 → templates/component-template.md
2. 组件分类（一对一映射）

通用 (General)

  • 包含：Button、Icon、Typography
  • 文件：examples/components/general.md

布局 (Layout)

  • 包含：Divider、Grid、Layout、Space
  • 文件：examples/components/layout.md

导航 (Navigation)

  • 包含：Anchor、Breadcrumb、Dropdown、Menu、Pagination、Steps
  • 文件：examples/components/navigation.md

数据录入 (Data Entry)

  • 包含：AutoComplete、Cascader、Checkbox、DatePicker、Form、Input、InputNumber、Mentions、Radio、Rate、Select、Slider、Switch、TimePicker、Transfer、TreeSelect、Upload
  • 文件：examples/components/data-entry.md

数据展示 (Data Display)

  • 包含：Avatar、Badge、Calendar、Card、Carousel、Collapse、Descriptions、Empty、Image、List、Popover、QRCode、Segmented、Statistic、Table、Tabs、Tag、Timeline、Tooltip、Tour、Tree
  • 文件：examples/components/data-display.md

反馈 (Feedback)

  • 包含：Alert、Drawer、Message、Modal、Notification、Popconfirm、Progress、Result、Skeleton、Spin、Watermark
  • 文件：examples/components/feedback.md

其他 (Other)

  • 包含：Affix、App、BackTop、ConfigProvider、FloatButton
  • 文件：examples/components/other.md
3. API 与进阶主题
  • 组件 API：api/components.md（常用组件的 Props、Events）
  • ConfigProvider API：api/config-provider.md（全局配置、主题）
  • 主题自定义：examples/advanced/theme-customization.md（设计令牌）
  • 国际化：examples/advanced/internationalization.md
4. 模板
  • 组件模板：templates/component-template.md（基础、表单、Modal 模式）
  • 项目设置：templates/project-setup.md（Vite、Main.ts、App.vue 设置）

评论

支持 Markdown