Back to Skills

build-pkgdown-site

pjt222
Updated Yesterday
3 views
17
2
17
View on GitHub
Metaworddesign

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

Recommended
Primary
npx skills add pjt222/agent-almanac -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternative
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/build-pkgdown-site

Copy 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

  1. Ir a Configuración del repositorio > Pages
  2. Establecer la Fuente en "Deploy from a branch"
  3. Seleccionar la rama gh-pages, carpeta / (root)
  4. 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: release está configurado en _pkgdown.yml

Errores Comunes

  • Errores 404 tras el despliegue: Casi siempre causados por development: mode: auto (el predeterminado). Cambiar a mode: 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.png y referenciarlo en _pkgdown.yml.

  • Búsqueda no funciona: Requiere que el campo url en _pkgdown.yml esté correctamente configurado.

  • Binario R incorrecto en sistemas híbridos: En WSL o Docker, Rscript puede resolverse a un contenedor multiplataforma en lugar de R nativo. Comprueba con which Rscript && Rscript --version. Prefiere el binario R nativo (p. ej., /usr/local/bin/Rscript en 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 pkgdown
  • write-roxygen-docs - documentación de funciones que aparece en el sitio
  • write-vignette - artículos que aparecen en la navegación del sitio
  • release-package-version - activar la recompilación del sitio al publicar una versión

GitHub Repository

pjt222/agent-almanac
Path: i18n/es/skills/build-pkgdown-site
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Related Skills

content-collections

Meta

This 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.

View skill

polymarket

Meta

This 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.

View skill

creating-opencode-plugins

Meta

This 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.

View skill

sglang

Meta

SGLang 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.

View skill