build-pkgdown-site
About
This skill helps developers build and deploy pkgdown documentation websites for R packages to GitHub Pages. It covers configuring _pkgdown.yml, customizing themes and navigation, and managing deployment methods. Use it when creating documentation for new or existing packages, fixing 404 errors, or switching between branch-based and GitHub Actions deployment.
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
pkgdown-Website bauen
Eine pkgdown-Dokumentationswebsite fuer ein R-Paket konfigurieren und bereitstellen.
Wann verwenden
- Eine Dokumentationswebsite fuer ein R-Paket erstellen
- pkgdown-Layout, Thema oder Navigation anpassen
- 404-Fehler auf einer bereitgestellten pkgdown-Website beheben
- Zwischen Bereitstellungsmethoden wechseln
Eingaben
- Erforderlich: R-Paket mit roxygen2-Dokumentation
- Erforderlich: GitHub-Repository
- Optional: Benutzerdefiniertes Thema oder Branding
- Optional: Als Artikel einzuschliessende Vignetten
Vorgehensweise
Schritt 1: pkgdown initialisieren
usethis::use_pkgdown()
Erstellt _pkgdown.yml und fuegt pkgdown zu .Rbuildignore hinzu.
Erwartet: _pkgdown.yml existiert im Projektstammverzeichnis. .Rbuildignore enthaelt pkgdown-bezogene Eintraege.
Bei Fehler: pkgdown mit install.packages("pkgdown") installieren. Wenn _pkgdown.yml bereits existiert, aktualisiert die Funktion .Rbuildignore, ohne die Konfiguration zu ueberschreiben.
Schritt 2: _pkgdown.yml konfigurieren
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
Kritisch: development: mode: release setzen. Der Standard mode: auto verursacht 404-Fehler auf GitHub Pages, da /dev/ an URLs angehaengt wird.
Erwartet: _pkgdown.yml enthaelt gueltiges YAML mit den Abschnitten url, template, navbar, reference und articles, die zum Paket passen.
Bei Fehler: YAML-Syntax mit einem Online-YAML-Linter validieren. Sicherstellen, dass alle Funktionsnamen in reference.contents mit tatsaechlich exportierten Funktionen uebereinstimmen.
Schritt 3: Lokal bauen
pkgdown::build_site()
Erwartet: Verzeichnis docs/ mit einer vollstaendigen Website erstellt, einschliesslich index.html, Funktionsreferenzseiten und Artikeln.
Bei Fehler: Haeufige Probleme: fehlendes pandoc (RSTUDIO_PANDOC in .Renviron setzen), fehlende Vignetten-Abhaengigkeiten (vorgeschlagene Pakete installieren) oder fehlerhafte Beispiele (beheben oder in \dontrun{} einschliessen).
Schritt 4: Website voranschauen
pkgdown::preview_site()
Navigation, Funktionsreferenz, Artikel und Suche auf korrekte Funktion pruefen.
Erwartet: Website oeffnet sich im Browser unter localhost. Alle Navigationslinks funktionieren, Funktionsreferenzseiten werden angezeigt und die Suche liefert Ergebnisse.
Bei Fehler: Wenn die Vorschau sich nicht oeffnet, docs/index.html manuell im Browser oeffnen. Wenn Seiten fehlen, pruefen, ob devtools::document() vor dem Bauen der Website ausgefuehrt wurde.
Schritt 5: Auf GitHub Pages bereitstellen
Methode A: GitHub Actions (empfohlen)
Siehe Skill setup-github-actions-ci fuer den pkgdown-Workflow.
Methode B: Manuelle Branch-Bereitstellung
# Website bauen
Rscript -e "pkgdown::build_site()"
# gh-pages-Branch erstellen, falls er nicht existiert
git checkout --orphan gh-pages
git rm -rf .
cp -r docs/* .
git add .
git commit -m "Deploy pkgdown site"
git push origin gh-pages
# Zurueck zu main wechseln
git checkout main
Erwartet: Der gh-pages-Branch existiert auf dem Remote mit den Website-Dateien auf der Root-Ebene.
Bei Fehler: Wenn der Push abgelehnt wird, sicherstellen, dass Schreibzugriff auf das Repository besteht. Wenn stattdessen GitHub Actions-Bereitstellung verwendet wird, diesen Schritt ueberspringen und dem Skill setup-github-actions-ci folgen.
Schritt 6: GitHub Pages konfigurieren
- Zu Repository-Einstellungen > Pages navigieren
- Quelle auf "Deploy from a branch" setzen
- Branch
gh-pagesund Ordner/ (root)auswaehlen - Speichern
Erwartet: Website unter https://username.github.io/packagename/ innerhalb weniger Minuten verfuegbar.
Bei Fehler: Wenn die Website 404 zurueckgibt, pruefen, ob die Pages-Quelle zur Bereitstellungsmethode passt (Branch-Bereitstellung erfordert "Deploy from a branch"). Pruefen, ob development: mode: release in _pkgdown.yml gesetzt ist.
Schritt 7: URL zu DESCRIPTION hinzufuegen
URL: https://username.github.io/packagename/, https://github.com/username/packagename
Erwartet: Das URL-Feld in DESCRIPTION enthaelt sowohl die pkgdown-Website-URL als auch die GitHub-Repository-URL, durch ein Komma getrennt.
Bei Fehler: Wenn R CMD check vor ungueltigen URLs warnt, sicherstellen, dass die pkgdown-Website tatsaechlich bereitgestellt und erreichbar ist, bevor die URL hinzugefuegt wird.
Validierung
- Website baut lokal ohne Fehler
- Alle Funktionsreferenzseiten werden korrekt angezeigt
- Artikel/Vignetten sind zugaenglich und werden korrekt angezeigt
- Suchfunktion funktioniert
- Navigationslinks sind korrekt
- Website wird erfolgreich auf GitHub Pages bereitgestellt
- Keine 404-Fehler auf der bereitgestellten Website
-
development: mode: releaseist in_pkgdown.ymlgesetzt
Haeufige Stolperfallen
-
404-Fehler nach Bereitstellung: Fast immer verursacht durch
development: mode: auto(den Standard). Zumode: releasewechseln. -
Fehlende Referenzseiten: Funktionen muessen exportiert und dokumentiert sein. Zuerst
devtools::document()ausfuehren. -
Defekte Vignetten-Links: Syntax
vignette("name")fuer Querverweise verwenden, keine Dateipfade. -
Logo wird nicht angezeigt: Logo unter
man/figures/logo.pngablegen und in_pkgdown.ymlreferenzieren. -
Suche funktioniert nicht: Erfordert, dass das
url-Feld in_pkgdown.ymlkorrekt gesetzt ist. -
Falsches R-Binary auf Hybrid-Systemen: Unter WSL oder Docker kann
Rscripteinen plattformuebergreifenden Wrapper statt nativem R aufloesen. Mitwhich Rscript && Rscript --versionpruefen. Das native R-Binary bevorzugen (z.B./usr/local/bin/Rscriptunter Linux/WSL) fuer Zuverlaessigkeit. Fuer die R-Pfadkonfiguration siehe Setting Up Your Environment.
Verwandte Skills
setup-github-actions-ci- automatisierter pkgdown-Bereitstellungs-Workflowwrite-roxygen-docs- Funktionsdokumentation, die auf der Website erscheintwrite-vignette- Artikel, die in der Website-Navigation erscheinenrelease-package-version- Website-Neuerstellung bei Release ausloesen
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.
