build-pkgdown-site
About
This skill helps developers build and deploy pkgdown documentation sites for R packages to GitHub Pages. It covers configuring _pkgdown.yml, customizing themes and navigation, and managing deployment methods. Use it when creating new documentation, fixing 404 errors, or migrating between branch-based and GitHub Actions deployments.
Quick Install
Claude Code
Recommendednpx skills add pjt222/agent-almanac -a claude-code/plugin add https://github.com/pjt222/agent-almanacgit clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/build-pkgdown-siteCopy and paste this command in Claude Code to install this skill
Documentation
Compilar Sitio pkgdown
Configurar y desplegar un sitio web de documentación pkgdown para un paquete R.
Cuándo Usar
- Crear un sitio de documentación para un paquete R
- Personalizar la disposición, el tema o la navegación de pkgdown
- Corregir errores 404 en un sitio pkgdown desplegado
- Migrar entre métodos de despliegue
Entradas
- Obligatorio: Paquete R con documentación roxygen2
- Obligatorio: Repositorio de GitHub
- Opcional: Tema o marca personalizada
- Opcional: Viñetas a incluir como artículos
Procedimiento
Paso 1: Inicializar pkgdown
usethis::use_pkgdown()
Esto crea _pkgdown.yml y añade pkgdown a .Rbuildignore.
Esperado: _pkgdown.yml existe en la raíz del proyecto. .Rbuildignore contiene entradas relacionadas con pkgdown.
En caso de fallo: Instalar pkgdown con install.packages("pkgdown"). Si _pkgdown.yml ya existe, la función actualizará .Rbuildignore sin sobrescribir la configuración.
Paso 2: Configurar _pkgdown.yml
url: https://username.github.io/packagename/
development:
mode: release
template:
bootstrap: 5
bootswatch: flatly
navbar:
structure:
left: [intro, reference, articles, news]
right: [search, github]
components:
github:
icon: fa-github
href: https://github.com/username/packagename
reference:
- title: Core Functions
desc: Primary package functionality
contents:
- main_function
- helper_function
- title: Utilities
desc: Helper and utility functions
contents:
- starts_with("util_")
articles:
- title: Getting Started
contents:
- getting-started
- title: Advanced Usage
contents:
- advanced-features
- customization
Crítico: Configurar development: mode: release. El mode: auto predeterminado provoca errores 404 en GitHub Pages porque añade /dev/ a las URLs.
Esperado: _pkgdown.yml contiene YAML válido con secciones url, template, navbar, reference y articles apropiadas para el paquete.
En caso de fallo: Validar la sintaxis YAML con un validador YAML en línea. Asegurarse de que todos los nombres de funciones en reference.contents coinciden con funciones exportadas reales.
Paso 3: Compilar Localmente
pkgdown::build_site()
Esperado: Directorio docs/ creado con un sitio completo incluyendo index.html, páginas de referencia de funciones y artículos.
En caso de fallo: Problemas frecuentes: pandoc faltante (configurar RSTUDIO_PANDOC en .Renviron), dependencias de viñetas faltantes (instalar paquetes sugeridos), o ejemplos rotos (corregir o envolver en \dontrun{}).
Paso 4: Previsualizar el Sitio
pkgdown::preview_site()
Verificar que la navegación, la referencia de funciones, los artículos y la búsqueda funcionan correctamente.
Esperado: El sitio se abre en el navegador en localhost. Todos los enlaces de navegación funcionan, las páginas de referencia de funciones se renderizan y la búsqueda devuelve resultados.
En caso de fallo: Si la previsualización no se abre, abrir manualmente docs/index.html en un navegador. Si faltan páginas, verificar que se ejecutó devtools::document() antes de compilar el sitio.
Paso 5: Desplegar en GitHub Pages
Método A: GitHub Actions (Recomendado)
Ver la habilidad setup-github-actions-ci para el flujo de trabajo pkgdown.
Método B: Despliegue Manual por Rama
# Compilar el sitio
Rscript -e "pkgdown::build_site()"
# Crear la rama gh-pages si no existe
git checkout --orphan gh-pages
git rm -rf .
cp -r docs/* .
git add .
git commit -m "Deploy pkgdown site"
git push origin gh-pages
# Volver a main
git checkout main
Esperado: La rama gh-pages existe en el remoto con los archivos del sitio en el nivel raíz.
En caso de fallo: Si el push es rechazado, asegurarse de tener acceso de escritura al repositorio. Si se usa el despliegue con GitHub Actions, omitir este paso y seguir la habilidad setup-github-actions-ci.
Paso 6: Configurar GitHub Pages
- Ir a Configuración del repositorio > Pages
- Establecer la Fuente en "Deploy from a branch"
- Seleccionar la rama
gh-pages, carpeta/ (root) - Guardar
Esperado: Sitio disponible en https://username.github.io/packagename/ en pocos minutos.
En caso de fallo: Si el sitio devuelve 404, verificar que la fuente de Pages coincide con el método de despliegue (el despliegue por rama requiere "Deploy from a branch"). Comprobar que development: mode: release está configurado en _pkgdown.yml.
Paso 7: Añadir URL a DESCRIPTION
URL: https://username.github.io/packagename/, https://github.com/username/packagename
Esperado: El campo URL de DESCRIPTION contiene tanto la URL del sitio pkgdown como la URL del repositorio de GitHub, separadas por una coma.
En caso de fallo: Si R CMD check advierte sobre URLs inválidas, verificar que el sitio pkgdown está realmente desplegado y accesible antes de añadir la URL.
Validación
- El sitio se compila localmente sin errores
- Todas las páginas de referencia de funciones se renderizan correctamente
- Los artículos y viñetas son accesibles y se renderizan correctamente
- La funcionalidad de búsqueda funciona
- Los enlaces de navegación son correctos
- El sitio se despliega con éxito en GitHub Pages
- Sin errores 404 en el sitio desplegado
-
development: mode: releaseestá configurado en_pkgdown.yml
Errores Comunes
-
Errores 404 tras el despliegue: Casi siempre causados por
development: mode: auto(el predeterminado). Cambiar amode: release. -
Páginas de referencia faltantes: Las funciones deben estar exportadas y documentadas. Ejecutar primero
devtools::document(). -
Enlaces de viñetas rotos: Usar la sintaxis
vignette("name")en referencias cruzadas, no rutas de archivo. -
Logo no visible: Colocar el logo en
man/figures/logo.pngy referenciarlo en_pkgdown.yml. -
Búsqueda no funciona: Requiere que el campo
urlen_pkgdown.ymlesté correctamente configurado. -
Binario R incorrecto en sistemas híbridos: En WSL o Docker,
Rscriptpuede resolverse a un contenedor multiplataforma en lugar de R nativo. Comprueba conwhich Rscript && Rscript --version. Prefiere el binario R nativo (p. ej.,/usr/local/bin/Rscripten Linux/WSL) para mayor fiabilidad. Consulta Setting Up Your Environment para la configuración de la ruta de R.
Habilidades Relacionadas
setup-github-actions-ci- flujo de trabajo de despliegue automatizado de pkgdownwrite-roxygen-docs- documentación de funciones que aparece en el sitiowrite-vignette- artículos que aparecen en la navegación del sitiorelease-package-version- activar la recompilación del sitio al publicar una versión
GitHub Repository
Related Skills
content-collections
MetaThis skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.
polymarket
MetaThis skill enables developers to build applications with the Polymarket prediction markets platform, including API integration for trading and market data. It also provides real-time data streaming via WebSocket to monitor live trades and market activity. Use it for implementing trading strategies or creating tools that process live market updates.
creating-opencode-plugins
MetaThis skill helps developers create OpenCode plugins that hook into 25+ event types like commands, files, and LSP operations. It provides the plugin structure, event API specifications, and implementation patterns for JavaScript/TypeScript modules. Use it when you need to intercept, monitor, or extend the OpenCode AI assistant's lifecycle with custom event-driven logic.
sglang
MetaSGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.
