Item: vitepress
Rating: 4.2
Author: Implexa

vitepress

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

installs

stars

karma

SkillRank score ↗

4.2/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-07-10

vitepress covers static site generation from markdown with vue component integration, file-based routing, and theme customization. maps topics across configuration, content handling, theming, and deployment but lacks procedural depth.

structure

3.0

trigger phrases

2.0

procedure

3.0

edge cases

2.0

documentation

5.0

strengths

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

don't have the plugin yet? install it then click "run inline in claude" again.