vitepress

antfu/skills · Agent Skill

Сайт документации VitePress содержит руководство по конфигурации, темам и Markdown плюс содержимому Vue.

Обзор

Автор	antfuСообщество
Репозиторий	antfu/skills ↗
Папка скилла	`vitepress`
Звёзды	6 011
Форки	338
Файлы	16
Лицензия	MIT
Обновлён	23 октября 2026 г.
Ссылки	Исходник скилла ↗ · Репозиторий ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность

низкий риск · явных рисков не найдено — полный отчёт покажет детали

Совместимость

нужны дополнительные программы

Похожие скиллы

найдено 62 похожих скилла

Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «vitepress» с mozgi.io (https://mozgi.io/skills/antfu-vitepress/).

1. Скачай архив: https://mozgi.io/skills/antfu-vitepress/download
   Если не скачивается — возьми папку скилла из исходника: https://github.com/antfu/skills/tree/main/skills/vitepress
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «vitepress» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/vitepress/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .claude/skills
cp -r /tmp/skills/skills/vitepress .claude/skills/vitepress

Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /vitepress. Для всех проектов сразу — папка ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .agents/skills
cp -r /tmp/skills/skills/vitepress .agents/skills/vitepress

Codex ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $vitepress. Для всех проектов — ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .cursor/skills
cp -r /tmp/skills/skills/vitepress .cursor/skills/vitepress

Cursor подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/antfu/skills.git /tmp/skills
mkdir -p .gemini/skills
cp -r /tmp/skills/skills/vitepress .gemini/skills/vitepress

Gemini CLI сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.

Файлы скилла

16 файлов Скачать ZIP

Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.

Содержимое SKILL.md

Оригинальный текст автора · только чтение

VitePress is a Static Site Generator (SSG) built on Vite and Vue 3. It takes Markdown content, applies a theme, and generates static HTML that becomes an SPA for fast navigation. Perfect for documentation, blogs, and marketing sites.

Key Characteristics:

File-based routing with .md files
Vue components work directly in Markdown
Fast HMR with instant updates (<100ms)
Default theme optimized for documentation
Built-in search (local or Algolia)

Before working with VitePress projects:

Check .vitepress/config.ts for site configuration
Look at .vitepress/theme/ for custom theme extensions
The public/ directory contains static assets served as-is

> The skill is based on VitePress 2.0.0-alpha.20, generated at 2026-09-25.

VitePress 2 notes (v1 → v2): install with vitepress@next; requires Node.js 22+. defineConfigWithTheme is deprecated — use defineConfig<ThemeConfig>. Native RTL support (dir option, CSS logical properties) replaces the old PostCSS-plugin approach. Built-in iconify pipeline (icons config, useIcon/VPIcon, collection:name social icons). New assetsBase (CDN) and assetsShards build options; metaChunk removed. Markdown image.lazyLoading renamed to image.lazyLoad.

Core

| Topic | Description | Reference |

|-------|-------------|-----------|

| Configuration | Config file setup, defineConfig, site metadata | core-config ↗ |

| CLI | Command-line interface: dev, build, preview, init | core-cli ↗ |

| Routing | File-based routing, source directory, rewrites | core-routing ↗ |

| Markdown | Frontmatter, containers, tables, anchors, includes | core-markdown ↗ |

Features

Code & Content

| Topic | Description | Reference |

|-------|-------------|-----------|

| Code Blocks | Syntax highlighting, line highlighting, diffs, focus | features-code-blocks ↗ |

| Vue in Markdown | Components, script setup, directives, templating | features-vue ↗ |

| Data Loading | Build-time data loaders, createContentLoader | features-data-loading ↗ |

| Dynamic Routes | Generate pages from data, paths loader files | features-dynamic-routes ↗ |

Theme

| Topic | Description | Reference |

|-------|-------------|-----------|

| Theme Config | Nav, sidebar, search, social links, footer | theme-config ↗ |

| Customization | CSS variables, slots, fonts, global components | theme-customization ↗ |

| Custom Theme | Building themes from scratch, theme interface | theme-custom ↗ |

Advanced

| Topic | Description | Reference |

|-------|-------------|-----------|

| Internationalization | Multi-language sites, locale configuration | advanced-i18n ↗ |

| SSR Compatibility | Server-side rendering, ClientOnly, dynamic imports | advanced-ssr ↗ |

Recipes

| Topic | Description | Reference |

|-------|-------------|-----------|

| Deployment | GitHub Pages, Netlify, Vercel, Cloudflare, Nginx | recipes-deploy ↗ |

Вопросы и ответы

Что делает скилл vitepress?

Сайт документации VitePress содержит руководство по конфигурации, темам и Markdown плюс содержимому Vue.

Как установить vitepress?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает vitepress?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому vitepress подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл vitepress бесплатный?

Скилл опубликован автором antfu в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.