Build and configure VitePress static documentation sites with Vue-powered Markdown.
npx skills add https://github.com/bramanda48/skills --skill vitepress-bramanda48
Please help me install this Agent Skill. Skill: vitepress Source: https://github.com/bramanda48/skills/tree/main/skills/vitepress Command: npx skills add https://github.com/bramanda48/skills --skill vitepress-bramanda48
defineConfig, file-based routing, clean URLs, rewrites, and base paths for sub-path deployments. - Markdown & Vue Authoring: Use custom containers, code groups, line highlighting, data loaders, dynamic routes, and Vue components directly in Markdown. - Theming & Deployment: Customize the default theme with CSS variables and slots, build custom themes, handle SSR compatibility, and deploy to GitHub Pages, Netlify, Vercel, or Nginx. - Use Case: You need to create a multi-language documentation site with a blog index generated from Markdown files and deploy it to GitHub Pages—this Skill walks through locales config, createContentLoader, and the GitHub Actions workflow. ## Quick Start Use the vitepress skill to help me configure a VitePress documentation site with a custom theme and deploy it to GitHub Pages.High-intent search queries and answers about installing and using this skill.
Create a `.vitepress/config.ts` file and export `defineConfig` with your site title, description, base path, and themeConfig for nav and sidebar. The config supports TypeScript intellisense and can also be an async function for dynamic configuration.
VitePress Markdown files are compiled as Vue SFCs, so you can add `<script setup>` blocks, import components, and use interpolation and directives directly. Register global components in `.vitepress/theme/index.ts` via `enhanceApp` for use across all pages.
Yes, VitePress supports i18n through the `locales` config object, where each locale can override title, description, and themeConfig. It also supports localized search translations and experimental RTL via the `dir: 'rtl'` option with a PostCSS plugin.
This error occurs when code accesses browser APIs at module level during server-side rendering. Move browser-only code into `onMounted`, wrap components in `<ClientOnly>`, or use `defineClientComponent` for libraries that access the DOM on import.
Set the `base` config to your repository name, then add a GitHub Actions workflow that runs `npm run docs:build` and deploys the `docs/.vitepress/dist` output using `actions/deploy-pages`. Enable GitHub Pages with 'GitHub Actions' as the source in repository settings.
LinWhite2333Generate static documentation and blog sites from Markdown files.
brainbrewlabsPublishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.
cookerBuild and deploy VitePress static sites with Markdown and Vue components.
PostalocityProvide a Vue component library with Nuxt UI and Tailwind theming.