vitepress
Crear sitios de documentación con VitePress
Los proyectos de VitePress necesitan una configuración, enrutamiento, patrones de Markdown y ajustes de despliegue correctos. Esta skill proporciona a Claude, Codex y Claude Code orientación enfocada para crear y mantener sitios de VitePress.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Recursos legibles por agentes
Usa estos enlaces cuando un AI Agent, crawler o script necesite contexto limpio en lugar de leer toda la página.
Pruébalo
Usando "vitepress". Necesito documentación para una biblioteca Vue con secciones de guía y API.
Resultado esperado:
Un plan de sitio con configuración de VitePress, navegación, grupos de sidebar, páginas iniciales, scripts de paquete y organización de Markdown sugerida.
Usando "vitepress". Mi documentación necesita páginas tipo blog generadas desde archivos Markdown locales.
Resultado esperado:
Un diseño de ruta dinámica que usa un paths loader, archivos de contenido observados, campos frontmatter y una página de plantilla.
Usando "vitepress". Quiero desplegar VitePress en GitHub Pages bajo una ruta de repositorio.
Resultado esperado:
Una lista de verificación de despliegue que cubre ruta base, comando de compilación, directorio de salida, flujo de trabajo de GitHub Actions y configuración de Pages.
Auditoría de seguridad
Riesgo bajoStatic analysis reported many high-risk patterns, but review found they are Markdown reference examples for VitePress usage rather than executable skill code. No prompt injection, credential exfiltration, malicious network behavior, or hidden command execution was found; residual risk is limited to examples that may guide users to run normal build, deploy, fetch, or file-loading workflows.
Problemas de riesgo bajo (4)
Factores de riesgo
⚙️ Comandos externos (4)
🌐 Acceso a red (4)
⚡ Contiene scripts (3)
Puntuación de calidad
Lo que puedes crear
Crear un sitio de documentación
Genera una estructura práctica de VitePress con configuración, navegación, sidebar y páginas Markdown iniciales.
Mejorar documentación existente
Revisa el enrutamiento, uso de Markdown, bloques de código, ajustes de tema y organización del contenido para un sitio existente.
Preparar el despliegue de un sitio estático
Elige comandos de compilación, directorios de salida, rutas base, encabezados de caché y configuración de hosting para plataformas comunes.
Prueba estos prompts
Crea un plan simple de documentación VitePress para mi proyecto. Incluye configuración, páginas, navegación, sidebar y scripts de paquete.
Ayúdame a diseñar VitePress themeConfig para estas secciones de documentación: [sections]. Incluye nav, sidebar, enlaces de edición, búsqueda y pie de página.
Diseña un flujo de trabajo de rutas dinámicas de VitePress para [content type]. Explica la plantilla, el paths loader, los archivos observados y la carga útil de contenido.
Revisa mi configuración de VitePress y objetivo de despliegue: [details]. Identifica problemas de compilación, ruta base, enrutamiento, caché, SSR y hosting.
Mejores prácticas
- Revisa `.vitepress/config.ts` antes de cambiar rutas, ajustes de tema o rutas de despliegue.
- Mantén pequeños los datos en tiempo de compilación porque VitePress serializa los datos cargados en el client bundle.
- Revisa los comandos generados y los ajustes de despliegue antes de ejecutarlos en un repositorio o entorno CI.
Evitar
- No copies claves API, URLs ni nombres de organización de marcador de posición en la configuración de producción.
- No accedas a APIs exclusivas del navegador a nivel de módulo en componentes Vue usados por VitePress.
- No despliegues con una ruta base incorrecta para GitHub Pages o hosting en subruta.