AIKraft/Skills/vitepress

vitepress

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

antfu official Документы

Что делает навык

VitePress — это генератор статических сайтов (SSG) на базе Vite и Vue 3, который преобразует Markdown-контент в статический HTML и одностраничное приложение (SPA) для быстрой навигации. Он предназначен для создания сайтов документации, блогов и маркетинговых страниц с поддержкой файловых маршрутов и встроенных Vue-компонентов.

Когда применять

  • Создание сайтов документации с использованием файловых маршрутов на основе .md файлов
  • Настройка кастомных тем и расширений через директорию .vitepress/theme/
  • Написание Markdown-контента с интеграцией Vue-компонентов
  • Настройка встроенного поиска (локального или Algolia) для сайта

Как работает

  1. Проверить файл .vitepress/config.ts для понимания конфигурации сайта
  2. Изучить директорию .vitepress/theme/ для выявления кастомных расширений темы
  3. Использовать директорию public/ для размещения статических активов, которые отдаются как есть
  4. Применять Vue-компоненты непосредственно в Markdown-файлах
  5. Использовать встроенный поиск (локальный или 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 и совместимые) подхватывает его по описанию и следует шагам.