Skip to main content
affpapa.org
RU EN
skill CX Codex

antdv-next — Claude Code skill: Vue 3 component reference

The skill gives your agent a local copy of the Antdv Next docs: component APIs, demos, theme tokens. Useful when you edit a Vue 3 UI and don't want the model browsing the site.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add antdv-next/skills --skill antdv-next -a claude-code
Open on GitHub

What antdv-next does

The skill is generated from Antdv Next docs and demos, version 2026-07-03. Everything sits in a references/ folder, so the agent reads it offline.

What's inside: Vue guides (getting-started, customize-theme, i18n, nuxt, tailwindcss, unocss, migration to antdv-next), a table of global Design Tokens for ConfigProvider theme.token, and structured semantic DOM descriptions in JSON and Markdown. Each component gets its own docs.md, a demo/ folder and, where available, token.md.

The skill is produced by scripts/generate-antdv-next-skill.ts from the antdv-next/antdv-next repo, so how current the data is depends on the generation date. If your project wraps the components or forks the theme, check against your own layer — the reference describes the library as shipped.

What it helps with

  • look up a component's props and events without opening the docs site
  • pick a theme token for ConfigProvider
  • see how a component demo is put together
  • work through a migration to antdv-next
  • wire the library into Nuxt or Tailwind CSS

Example prompts for the agent

  • show me the props and slots of the table component in antdv-next
  • which theme tokens control the primary color in antdv-next
  • find a date-picker demo with range selection

How to install antdv-next

1Skills CLI (Vercel)

npx skills add antdv-next/skills --skill antdv-next -a claude-code

2Manually: put the files in place

~/.claude/skills/antdv-next/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/antdv-next/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about antdv-next

How do I install antdv-next in Claude?

Run npx skills add antdv-next/skills --skill antdv-next -a claude-code. The skill lands at ~/.claude/skills/antdv-next/SKILL.md.

What does the antdv-next skill do?

It hands your agent local copies of the Antdv Next docs and demos: component APIs, props, events, slots, theme tokens and semantic DOM descriptions.

Does the skill need an internet connection?

No. The docs and demos are copied into references/ and read offline.

Source text

SKILL.md · MIT 
---
name: antdv-next
description: Antdv Next Vue 3 component library. Use when locating component API docs, props/events/slots, playground demos, or theme token definitions.
metadata:
  author: Antdv Next team
  version: "2026-07-03"
  source: Generated from https://github.com/antdv-next/antdv-next, script located in this repo at scripts/generate-antdv-next-skill.ts
---

# Antdv Next

> The skill is based on Antdv Next docs and demos, generated at 2026-07-03.

Language: en-US

Docs and demos are copied into `references/` for offline use.

## Vue Docs

| Doc | Path |
| --- | --- |
| common-props | references/docs/vue/common-props.md |
| compatible-style | references/docs/vue/compatible-style.md |
| customize-theme | references/docs/vue/customize-theme.md |
| faq | references/docs/vue/faq.md |
| getting-started | references/docs/vue/getting-started.md |
| i18n | references/docs/vue/i18n.md |
| migration-antdv-next | references/docs/vue/migration-antdv-next.md |
| nuxt | references/docs/vue/nuxt.md |
| secondary-development | references/docs/vue/secondary-development.md |
| tailwindcss | references/docs/vue/tailwindcss.md |
| unocss | references/docs/vue/unocss.md |

## AI Structured References

| Type | Path | Notes |
| --- | --- | --- |
| Global Token Markdown | references/global-token.md | Global Design Token definitions for `ConfigProvider theme.token` |
| Semantic JSON | references/llms-semantic.json | Structured semantic DOM descriptions extracted from `_semantic` demos |
| Semantic Markdown | references/llms-semantic.md | Human-readable semantic structure summary |

## Components

| Component | Doc | Demos | Token | Semantic |
| --- | --- | --- | --- | --- |
| affix | references/components/affix/docs.md | references/components/affix/demo/ | references/components/affix/token.md | none |
| alert | references/components/alert/docs.md | references/components/alert/demo/ | references/components/alert/token.md | 1 entries |
| anchor | references/components/anchor/docs.md | references/components/anchor/demo/ | references/components/anchor/token.md | 1 entries |
| app | references/components/app/docs.md | references/components/app/demo/ | none | none |
| auto-complete | references/components/auto-complete/docs.md | references/components/auto-complete/demo/ | references/components/auto-complete/token.md | 1 entries |
| avatar | references/components/avatar/docs.md | references/components/avatar/demo/ | references/components/avatar/token.md | none |
| badge | references/components/badge/docs.md | references/components/badge/demo/ | references/components/badge/token.md | 2 entries |
| border-beam | references/components/border-beam/docs.md | references/components/border-beam/demo/ | none | none |
| breadcrumb | references/components/breadcrumb/docs.md | references/components/breadcrumb/demo/ | references/components/breadcrumb/token.md | 1 entries |
| button | references/components/button/docs.md | references/components/button/demo/ | references/components/button/token.md | 1 entries |
| calendar | references/components/calendar/docs.md | references/components/calendar/demo/ | references/components/calendar/token.md | 1 entries |
| card | references/components/card/docs.md | references/components/card/demo/ | references/components/card/token.md | 1 entries |
| carousel | references/components/carousel/docs.md | references/components/carousel/demo/ | references/components/carousel/token.md | none |
| cascader | references/components/cascader/docs.md | references/components/cascader/demo/ | references/components/cascader/token.md | 1 entries |
| checkbox | references/components/checkbox/docs.md | references/components/checkbox/demo/ | none | 1 entries |
| collapse | references/components/collapse/docs.md | references/components/collapse/demo/ | references/components/collapse/token.md | 1 entries |
| color-picker | references/components/color-picker/docs.md | references/components/color-picker/demo/ | none | 1 entries |
| config-provider | references/components/config-provider/docs.md | references/components/config-provider/demo/ | none | none |
| date-picker | references/components/date-picker/docs.md | references/components/date-picker/demo/ | references/components/date-picker/token.md | 1 entries |
| descriptions | references/components/descriptions/docs.md | references/components/descriptions/demo/ | references/components/descriptions/token.md | 1 entries |
| divider | references/components/divider/docs.md | references/components/divider/demo/ | references/components/divider/token.md | 1 entries |
| drawer | references/components/drawer/docs.md | references/components/drawer/demo/ | references/components/drawer/token.md | 1 entries |
| dropdown | references/components/dropdown/docs.md | references/components/dropdown/demo/ | references/components/dropdown/token.md | 1 entries |
| empty | references/components/empty/docs.md | references/components/empty/demo/ | none | 1 entries |
| flex | references/components/flex/docs.md | references/components/flex/demo/ | none | none |
| float-button | references/components/float-button/docs.md | references/components/float-button/demo/ | none | 2 entries |
| form | references/components/form/docs.md | references/components/form/demo/ | references/components/form/token.md | 1 entries |
| grid | references/components/grid/docs.md | references/components/grid/demo/ | none | none |
| icon | references/components/icon/docs.md | references/components/icon/demo/ | none | none |
| image | references/components/image/docs.md | references/components/image/demo/ | references/components/image/token.md | 1 entries |
| input | references/components/input/docs.md | references/components/input/demo/ | references/components/input/token.md | 5 entries |
| input-number | references/components/input-number/docs.md | references/components/input-number/demo/ | references/components/input-number/token.md | 1 entries |
| layout | references/components/layout/docs.md | references/components/layout/demo/ | references/components/layout/token.md | none |
| masonry | references/components/masonry/docs.md | references/components/masonry/demo/ | none | 1 entries |
| mentions | references/components/mentions/docs.md | references/components/mentions/demo/ | references/components/mentions/token.md | 1 entries |
| menu | references/components/menu/docs.md | references/components/menu/demo/ | references/components/menu/token.md | 1 entries |
| message | references/components/message/docs.md | references/components/message/demo/ | references/components/message/token.md | 1 entries |
| modal | references/components/modal/docs.md | references/components/modal/demo/ | references/components/modal/token.md | 1 entries |
| notification | references/components/notification/docs.md | references/components/notification/demo/ | references/components/notification/token.md | 1 entries |
| overview | references/components/overview/docs.md | none | none | none |
| pagination | references/components/pagination/docs.md | references/components/pagination/demo/ | references/components/pagination/token.md | 1 entries |
| popconfirm | references/components/popconfirm/docs.md | references/components/popconfirm/demo/ | references/components/popconfirm/token.md | 1 entries |
| popover | references/components/popover/docs.md | references/components/popover/demo/ | references/components/popover/token.md | 1 entries |
| progress | references/components/progress/docs.md | references/components/progress/demo/ | references/components/progress/token.md | 1 entries |
| qr-code | references/components/qr-code/docs.md | references/components/qr-code/demo/ | none | 1 entries |
| radio | references/components/radio/docs.md | references/components/radio/demo/ | references/components/radio/token.md | 1 entries |
| rate | references/components/rate/docs.md | references/components/rate/demo/ | references/components/rate/token.md | none |
| result | references/components/result/docs.md | references/components/result/demo/ | references/components/result/token.md | 1 entries |
| segmented | references/components/segmented/docs.md | references/components/segmented/demo/ | references/components/segmented/token.md | 1 entries |
| select | references/components/select/docs.md | references/components/select/demo/ | references/components/select/token.md | 1 entries |
| skeleton | references/components/skeleton/docs.md | references/components/skeleton/demo/ | references/components/skeleton/token.md | 2 entries |
| slider | references/components/slider/docs.md | references/components/slider/demo/ | references/components/slider/token.md | 1 entries |
| space | references/components/space/docs.md | references/components/space/demo/ | references/components/space/token.md | 1 entries |
| spin | references/components/spin/docs.md | references/components/spin/demo/ | references/components/spin/token.md | 1 entries |
| splitter | references/components/splitter/docs.md | references/components/splitter/demo/ | references/components/splitter/token.md | 1 entries |
| statistic | references/components/statistic/docs.md | references/components/statistic/demo/ | references/components/statistic/token.md | 1 entries |
| steps | references/components/steps/docs.md | references/components/steps/demo/ | references/components/steps/token.md | 1 entries |
| switch | references/components/switch/docs.md | references/components/switch/demo/ | references/components/switch/token.md | 1 entries |
| table | references/components/table/docs.md | references/components/table/demo/ | references/components/table/token.md | 1 entries |
| tabs | references/components/tabs/docs.md | references/components/tabs/demo/ | references/components/tabs/token.md | 1 entries |
| tag | references/components/tag/docs.md | references/components/tag/demo/ | references/components/tag/token.md | 1 entries |
| time-picker | references/components/time-picker/docs.md | references/components/time-picker/demo/ | references/components/time-picker/token.md | 1 entries |
| timeline | references/components/timeline/docs.md | references/components/timeline/demo/ | references/components/timeline/token.md | 1 entries |
| tooltip | references/components/tooltip/docs.md | references/components/tooltip/demo/ | references/components/tooltip/token.md | 1 entries |
| tour | references/components/tour/docs.md | references/components/tour/demo/ | references/components/tour/token.md | 1 entries |
| transfer | references/components/transfer/docs.md | references/components/transfer/demo/ | references/components/transfer/token.md | 1 entries |
| tree | references/components/tree/docs.md | references/components/tree/demo/ | references/components/tree/token.md | 1 entries |
| tree-select | references/components/tree-select/docs.md | references/components/tree-select/demo/ | references/components/tree-select/token.md | 1 entries |
| typography | references/components/typography/docs.md | references/components/typography/demo/ | references/components/typography/token.md | 1 entries |
| upload | references/components/upload/docs.md | references/components/upload/demo/ | references/components/upload/token.md | 1 entries |
| watermark | references/components/watermark/docs.md | references/components/watermark/demo/ | none | none |

## Generate / Update

```bash
esno scripts/generate-antdv-next-skill.ts --repo repos/antdv-next --lang en
```

© Antdv Next team · MIT · antdv-next/skills

Similar skills

Everything for Frontend and UI →
nuxt-ui nuxt Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection. CX Codex +1 19,800installs shadcn-vue unovue Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules. CX Codex +1 5,800installs vue-best-practices github.com/vuejs-ai Enforces Vue 3 guidelines using Composition API and TypeScript. Helpful for structuring SFCs, managing reactivity, and writing composables. CX Codex +1 42,900installs vue Anthony Fu This skill guides agents through Vue 3 Composition API, script setup, and reactivity. Use it when writing Vue SFCs or built-in component flows. CX Codex +1 35,800installs vue-debug-guides github.com/vuejs-ai Skill for diagnosing Vue 3 errors: reactivity, watchers, components, templates, and hydration. When the agent sees a Vue bug, it looks up the cause in a catalog of common issues. CX Codex +1 26,700installs vue-expert https://github.com/Jeffallan Guides Vue 3 work with the Composition API, Nuxt 3, Pinia, and Vite. Use it for components, PWAs, and Quasar or Capacitor apps. CX Codex +1 4,500installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor