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/Setup →
examples/getting-started/installation.mdortemplates/project-setup.md - Component Usage → See Component Categories below
- API Reference →
api/components.mdorapi/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)
More from teachingai/agent-skills
element-plus-vue3
Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
9vue2
Provides comprehensive guidance for Vue 2.x development including Options API, components, directives, lifecycle hooks, computed properties, watchers, Vuex state management, and Vue Router. Use when the user asks about Vue 2, needs to create Vue 2 components, implement reactive data binding, handle component communication, or work with Vue 2 ecosystem tools.
8cypress
Provides comprehensive guidance for Cypress end-to-end testing including commands, assertions, component testing, CI/CD integration, and best practices. Use when the user asks about Cypress, needs to write E2E tests, component tests, or configure Cypress for testing.
8cocos2d-x
Provides comprehensive guidance for Cocos2d-x v4 game engine including scene graph, nodes, sprites, actions, animations, physics, rendering, shaders, and platform deployment. Use when the user asks about Cocos2d-x, needs to create games, implement game features, set up development environments, or deploy games to multiple platforms.
7dalle
Provides comprehensive guidance for DALL-E AI image generation including prompt creation, image generation, variations, and editing. Use when the user asks about DALL-E, needs to generate AI images, create image variations, or work with DALL-E API.
6canvas-design
Creates museum-quality visual art as .png or .pdf by first generating a design philosophy manifesto, then expressing it on canvas with precise composition, color palettes, and typography. Use when the user asks to create a poster, art piece, visual design, or static creative piece. Outputs original designs using design-forward principles.
6