teachingai/ant-design-vue
skills/antd-skills/ant-design-vue/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add teachingai/full-stack-skills ant-design-vueInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 8:43 AM7.1s17 files scanned
SKILL.md
- name:
- ant-design-vue
- description:
- 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.
- license:
- Complete terms in LICENSE.txt
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)
Related Skills
teachingai/agent-browser
tools
VerifiedTrustedCommunity
Automates browser interactions via CLI using agent-browser by Vercel Labs. Covers navigation, clicking, form filling, snapshots, refs-based selectors, agent mode with JSON output, session management, and CDP integration. Use when the user needs to automate web browsing, scrape pages, fill forms, or integrate browser automation into AI agent workflows.
379SKILL.mdUpdated May 12, 2026
teachingai/canvas-design
testing
VerifiedTrustedCommunity
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.
379SKILL.mdUpdated May 12, 2026
teachingai/brand-guidelines
development
VerifiedTrustedCommunity
Applies Anthropic brand colors (dark #141413, orange #d97757, blue #6a9bcc, green #788c5d), Poppins headings, and Lora body text to artifacts such as presentations, documents, or visuals. Use when the user needs Anthropic brand styling, brand color application, corporate typography, or visual formatting following Anthropic design standards.
379SKILL.mdUpdated May 12, 2026
teachingai/algorithmic-art
development
VerifiedTrustedCommunity
Creates gallery-quality algorithmic art using p5.js with seeded randomness, interactive parameter controls, and seed navigation, outputting a single self-contained HTML artifact with Anthropic branding. Use when the user requests generative art, algorithmic art, flow fields, particle systems, or code-based visual art using p5.js.
379SKILL.mdUpdated May 12, 2026