vitepress
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
AIantfu
official
Документы
Что делает навык
VitePress — это генератор статических сайтов (SSG) на базе Vite и Vue 3, который преобразует Markdown-контент в статический HTML и одностраничное приложение (SPA) для быстрой навигации. Он предназначен для создания сайтов документации, блогов и маркетинговых страниц с поддержкой файловых маршрутов и встроенных Vue-компонентов.
Когда применять
- Создание сайтов документации с использованием файловых маршрутов на основе .md файлов
- Настройка кастомных тем и расширений через директорию .vitepress/theme/
- Написание Markdown-контента с интеграцией Vue-компонентов
- Настройка встроенного поиска (локального или Algolia) для сайта
Как работает
- Проверить файл .vitepress/config.ts для понимания конфигурации сайта
- Изучить директорию .vitepress/theme/ для выявления кастомных расширений темы
- Использовать директорию public/ для размещения статических активов, которые отдаются как есть
- Применять Vue-компоненты непосредственно в Markdown-файлах
- Использовать встроенный поиск (локальный или Algolia) для улучшения навигации
Примеры запросов агенту
Как настроить конфигурацию сайта VitePress в config.ts?
Где искать кастомные расширения темы в проекте VitePress?
Как добавить статические ассеты в проект VitePress?
Что понадобится
- Node.js 22+ (для VitePress 2)
- vitepress@next (для установки VitePress 2)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «vitepress» из репозитория:
# https://github.com/antfu/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r vitepress/ ~/.claude/skills/vitepress/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.