К основному содержанию
скилл CX Codex

antdv-next — скилл для Claude Code: справочник по Vue 3-компонентам

Скилл подкладывает агенту локальную копию документации Antdv Next: API компонентов, демо, токены темы. Пригодится, когда правишь интерфейс на Vue 3 и не хочешь гонять модель по сайту.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add antdv-next/skills --skill antdv-next -a claude-code
Открыть на GitHub

Что делает antdv-next

Скилл собран из документации и демо Antdv Next, версия от 2026-07-03. Внутри — папка references/ с копиями страниц, так что агент читает их офлайн, без походов в браузер.

Что там лежит: общие гайды по Vue (getting-started, customize-theme, i18n, nuxt, tailwindcss, unocss, миграция с antdv-next), таблица глобальных Design Token для ConfigProvider theme.token и структурированные семантические описания DOM в JSON и Markdown. По каждому компоненту — отдельный docs.md, папка demo/ и, где есть, token.md.

Скилл сгенерирован скриптом scripts/generate-antdv-next-skill.ts из репозитория antdv-next/antdv-next, поэтому свежесть данных упирается в дату генерации. Если в проекте уже своя обёртка над компонентами или форк темы, сверяйтесь с ней: справочник описывает библиотеку как есть.

Какие задачи решает

  • найти пропсы и события компонента, не открывая сайт с документацией
  • подобрать токен темы для ConfigProvider
  • посмотреть, как выглядит демо нужного компонента
  • разобраться с миграцией на antdv-next
  • подключить библиотеку в Nuxt или к Tailwind CSS

Примеры запросов агенту

  • покажи пропсы и слоты компонента table из antdv-next
  • какие токены темы отвечают за цвет primary в antdv-next
  • найди демо date-picker с выбором диапазона

Как установить antdv-next

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/antdv-next/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Похожие

nuxt-ui nuxt Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки. CX Codex +1 19 800установок shadcn-vue unovue Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind. CX Codex +1 5 800установок vue-best-practices github.com/vuejs-ai Задаёт стандарты разработки на Vue 3 с Composition API и TypeScript. Пригодится при написании SFC-компонентов, composables и настройке реактивности. CX Codex +1 42 900установок vue Anthony Fu Скилл подсказывает агенту, как писать Vue 3-компоненты через Composition API и script setup. Нужен при работе с Vue SFC и реактивностью. CX Codex +1 35 800установок vue-debug-guides github.com/vuejs-ai Скилл для диагностики ошибок Vue 3: реактивность, watchers, компоненты, шаблоны и hydration. Когда агент видит баг во Vue-проекте, он находит причину по каталогу типовых проблем. CX Codex +1 26 700установок vue-expert https://github.com/Jeffallan Помогает писать Vue 3 код на Composition API, настраивать Nuxt 3, Pinia и Vite. Пригодится для компонентов, PWA и гибридных приложений. CX Codex +1 4 500установок

Рядом в теме «Фронтенд и UI»

Всё по теме «Фронтенд и UI» →

Вопросы о antdv-next

Как установить antdv-next в Claude?

Выполните npx skills add antdv-next/skills --skill antdv-next -a claude-code. Скилл встанет в ~/.claude/skills/antdv-next/SKILL.md.

Что делает скилл antdv-next?

Даёт агенту локальные копии документации и демо библиотеки Antdv Next: API компонентов, пропсы, события, слоты, токены темы и семантические описания DOM.

Нужен ли доступ в интернет для работы скилла?

Нет. Документация и демо скопированы в references/ и читаются офлайн.

Исходный текст

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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой