A skill for building and managing documentation sites using VitePress and Vue.
Install
mkdir -p .claude/skills/vitepress-hsc00 && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/10800" && unzip -o skill.zip -d .claude/skills/vitepress-hsc00 && rm skill.zipInstalls to .claude/skills/vitepress-hsc00
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
---------- | -------------------------------------------------- | -------------------------------------------- | | Configuration | Config file setup, defineConfig, site metadata | [core-config](references/core-config.md) | | CLI | Command-line interface: dev, build, preview, initKey capabilities
- →Configure VitePress site
- →Manage documentation pages
- →Adjust VitePress theme
How it works
It provides configuration and theme management for static sites built with VitePress.
Inputs & outputs
When to use vitepress
- →Configure VitePress site
- →Manage documentation pages
- →Adjust VitePress theme
About this skill
---------- | -------------------------------------------------- | -------------------------------------------- | | 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 |
When not to use it
- →Dynamic server-side logic
- →Complex database integration
Prerequisites
Limitations
- →Static site generator
How it compares
It use Vite and Vue for fast HMR and static generation rather than traditional SSGs.
Compared to similar skills
vitepress side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| vitepress (this skill) | 0 | 4mo | No flags | Intermediate |
| vitepress | 5 | 6mo | No flags | Beginner |
| vuepress-plume-config | 2 | 5mo | No flags | Intermediate |
| update-component-docs | 0 | 6mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by hsc00
View all by hsc00 →You might also like
vitepress
antfu
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
vuepress-plume-config
pengzhanbo
Generate and write VuePress Plume theme config. Invoke when user asks to init or update theme config.
update-component-docs
AgnosticUI
Update component documentation when code changes
check-nuxt-ui-v4
sakamotchi
ドキュメント内のNuxt UI v3記法を検出し、v4記法への修正を支援します。「ドキュメントをチェックして」「Nuxt UI v4の記法を確認」などで呼び出されます。
ui
pierreb-devkit
>
fumadocs-component-docs
TheOrcDev
Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.