What does the wiki-vitepress skill do?

It automates the creation of a VitePress static site from Markdown files, specifically optimized for dark mode and interactive Mermaid diagrams.

How does it handle Mermaid diagrams in dark mode?

It uses a three-layer approach including configuration variables, CSS overrides, and a DOM polling script to ensure diagrams match the dark theme perfectly.

Can it fix Markdown errors during the build?

Yes, it automatically corrects common issues like unescaped generic brackets ( ) and Vue-incompatible line breaks to ensure a successful build.

How do I trigger the site generation?

You can ask Claude to 'package as VitePress', 'build a site', or run the /deep-wiki:build command once the skill is active.

Do I need to manually configure VitePress?

No, the skill generates the entire scaffolding, including config.mts, theme files, and the package.json, automatically.

Wiki VitePress Packager

Name: Wiki VitePress Packager
Author: sickn33

bysickn33

•

26,581

•

学习与文档

Transforms Markdown-based wiki files into a professional, dark-themed VitePress static site with interactive Mermaid diagrams.

The Wiki VitePress Packager is a specialized capability for Claude Code that automates the transition from raw documentation to a production-ready documentation site. It scaffolds a complete VitePress environment, handles complex Mermaid diagram styling for dark mode, and implements click-to-zoom functionality for better diagram readability. By pre-processing Markdown files to ensure compatibility with the Vue template compiler, it eliminates common build errors like malformed tags or generic type parameters, providing a seamless deployment path for generated project wikis.

主要功能

0126,581 GitHub stars

02Seamless integration with the /deep-wiki command for instant site builds.

03Advanced Mermaid diagram integration with dark-theme styling fixes and polling logic.

04Automated VitePress scaffolding including config, theme, and directory structure.

05Automated Markdown pre-processing to fix Vue template compatibility issues.

06Interactive click-to-zoom modal for high-resolution diagram inspection.

使用场景

01Building high-quality documentation sites from LLM-generated technical guides.

02Visualizing complex system architectures through interactive Mermaid diagrams.

03Converting project documentation into a browsable internal wiki.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills wiki-vitepress

For use in Claude.ai and ChatGPT

Download Skill