vitepress

Skill

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

Files16
  • @skills/vitepress/GENERATION.md
  • @skills/vitepress/SKILL.md
  • @skills/vitepress/references/advanced-i18n.md
  • @skills/vitepress/references/advanced-ssr.md
  • @skills/vitepress/references/core-cli.md
  • @skills/vitepress/references/core-config.md
  • @skills/vitepress/references/core-markdown.md
  • @skills/vitepress/references/core-routing.md
  • @skills/vitepress/references/features-code-blocks.md
  • @skills/vitepress/references/features-data-loading.md
  • @skills/vitepress/references/features-dynamic-routes.md
  • @skills/vitepress/references/features-vue.md
  • @skills/vitepress/references/recipes-deploy.md
  • @skills/vitepress/references/theme-config.md
  • @skills/vitepress/references/theme-custom.md
  • @skills/vitepress/references/theme-customization.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 1.x, generated at 2026-01-28.

Core

TopicDescriptionReference
ConfigurationConfig file setup, defineConfig, site metadatacore-config [blocked]
CLICommand-line interface: dev, build, preview, initcore-cli [blocked]
RoutingFile-based routing, source directory, rewritescore-routing [blocked]
MarkdownFrontmatter, containers, tables, anchors, includescore-markdown [blocked]

Features

Code & Content

TopicDescriptionReference
Code BlocksSyntax highlighting, line highlighting, diffs, focusfeatures-code-blocks [blocked]
Vue in MarkdownComponents, script setup, directives, templatingfeatures-vue [blocked]
Data LoadingBuild-time data loaders, createContentLoaderfeatures-data-loading [blocked]
Dynamic RoutesGenerate pages from data, paths loader filesfeatures-dynamic-routes [blocked]

Theme

TopicDescriptionReference
Theme ConfigNav, sidebar, search, social links, footertheme-config [blocked]
CustomizationCSS variables, slots, fonts, global componentstheme-customization [blocked]
Custom ThemeBuilding themes from scratch, theme interfacetheme-custom [blocked]

Advanced

TopicDescriptionReference
InternationalizationMulti-language sites, locale configurationadvanced-i18n [blocked]
SSR CompatibilityServer-side rendering, ClientOnly, dynamic importsadvanced-ssr [blocked]

Recipes

TopicDescriptionReference
DeploymentGitHub Pages, Netlify, Vercel, Cloudflare, Nginxrecipes-deploy [blocked]
vitepress — Kortix Marketplace | Kortix