Back to Skills

render-puzzle-docs

pjt222
Updated 2 days ago
3 views
17
2
17
View on GitHub
Designwordapidesign

About

This skill renders a Quarto documentation site for GitHub Pages, supporting full fresh builds, faster cached builds, and single-page renders. It's useful for building the complete site after content changes, iteratively editing single pages, or preparing documentation for releases. It can use either an included render script or directly call `quarto.exe` via WSL.

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/render-puzzle-docs

Copy and paste this command in Claude Code to install this skill

Documentation


name: render-puzzle-docs description: > Renderizar el sitio de documentacion Quarto de jigsawR para GitHub Pages. Soporta renderizados frescos (limpiando cache), renderizados en cache (mas rapidos) y renderizados de pagina unica. Usa el script de renderizado incluido o la invocacion directa de quarto.exe desde WSL. Usar al construir el sitio completo despues de cambios de contenido, renderizar una sola pagina durante edicion iterativa, preparar documentacion para un release o PR, o depurar errores de renderizado en archivos Quarto .qmd. license: MIT allowed-tools: Read Write Edit Bash Grep Glob metadata: author: Philipp Thoss version: "1.0" domain: jigsawr complexity: basic language: R tags: jigsawr, quarto, documentation, github-pages, rendering locale: es source_locale: en source_commit: 6f65f316 translator: claude-sonnet-4-6 translation_date: 2026-03-16

Renderizar Documentacion de Rompecabezas

Renderizar el sitio de documentacion Quarto de jigsawR.

Cuando Usar

  • Construir el sitio de documentacion completo despues de cambios de contenido
  • Renderizar una sola pagina durante edicion iterativa
  • Preparar documentacion para un release o PR
  • Depurar errores de renderizado en archivos Quarto .qmd

Entradas

  • Requerido: Modo de renderizado (fresh, cached o single)
  • Opcional: Ruta especifica del archivo .qmd (para modo de pagina unica)
  • Opcional: Si abrir el resultado en un navegador

Procedimiento

Paso 1: Elegir Modo de Renderizado

ModoComandoDuracionUsar cuando
Freshbash inst/scripts/render_quarto.sh~5-7 minContenido cambio, cache obsoleto
Cachedbash inst/scripts/render_quarto.sh --cached~1-2 minEdiciones menores, cache valido
Singlequarto.exe directo~30sIterando en una pagina

Esperado: Modo de renderizado seleccionado segun la situacion actual: fresh para cambios de contenido o cache obsoleto, cached para ediciones menores, single para iterar en una pagina.

En caso de fallo: Si no esta seguro de si el cache esta obsoleto, usar renderizado fresh por defecto. Toma mas tiempo pero garantiza salida correcta.

Paso 2: Ejecutar Renderizado

Renderizado fresh (limpia _freeze y _site, re-ejecuta todo el codigo R):

cd /mnt/d/dev/p/jigsawR && bash inst/scripts/render_quarto.sh

Renderizado cached (usa archivos _freeze existentes):

cd /mnt/d/dev/p/jigsawR && bash inst/scripts/render_quarto.sh --cached

Pagina unica (renderizar un archivo .qmd directamente):

QUARTO_EXE="/mnt/c/Program Files/RStudio/resources/app/bin/quarto/bin/quarto.exe"
"$QUARTO_EXE" render quarto/getting-started.qmd

Esperado: El renderizado se completa sin errores. Salida en quarto/_site/.

En caso de fallo:

  • Verificar errores de codigo R en chunks .qmd (buscar marcadores #| label:)
  • Verificar que pandoc esta disponible via la variable de entorno RSTUDIO_PANDOC
  • Intentar limpiar cache: rm -rf quarto/_freeze quarto/_site
  • Verificar que todos los paquetes R usados en archivos .qmd estan instalados

Paso 3: Verificar Salida

ls -la /mnt/d/dev/p/jigsawR/quarto/_site/index.html

Confirmar la estructura del sitio:

  • quarto/_site/index.html existe
  • Los enlaces de navegacion se resuelven correctamente
  • Las imagenes y archivos SVG se renderizan correctamente

Esperado: index.html existe y no esta vacio. Los enlaces de navegacion se resuelven y las imagenes/SVGs se renderizan correctamente en el navegador.

En caso de fallo: Si index.html falta, el renderizado probablemente fallo silenciosamente. Re-ejecutar con salida detallada y verificar errores de codigo R en chunks .qmd. Si solo faltan algunas paginas, verificar que esos archivos .qmd estan listados en _quarto.yml.

Paso 4: Vista Previa (Opcional)

Abrir en el navegador de Windows:

cmd.exe /c start "" "D:\\dev\\p\\jigsawR\\quarto\\_site\\index.html"

Esperado: El sitio de documentacion se abre en el navegador predeterminado de Windows para inspeccion visual.

En caso de fallo: Si el comando cmd.exe /c start falla desde WSL, intentar explorer.exe "D:\\dev\\p\\jigsawR\\quarto\\_site\\index.html" en su lugar. Alternativamente, navegar al archivo manualmente en el navegador.

Validacion

  • quarto/_site/index.html existe y no esta vacio
  • Sin errores de renderizado en la salida de consola
  • Todos los chunks de codigo R se ejecutaron exitosamente (verificar mensajes de error)
  • La navegacion entre paginas funciona
  • Todos los archivos .qmd tienen #| label: en los chunks de codigo para salida limpia

Errores Comunes

  • Cache freeze obsoleto: Si el codigo R cambio, usar renderizado fresh para regenerar archivos _freeze
  • Paquetes R faltantes: Los archivos Quarto .qmd pueden usar paquetes que no estan en renv; instalarlos primero
  • Pandoc no encontrado: Asegurar que RSTUDIO_PANDOC esta configurado en .Renviron
  • Tiempos de renderizado largos: El renderizado fresh toma 5-7 minutos (14 paginas con ejecucion R); usar modo cached durante la iteracion
  • Etiquetas de chunks de codigo: Todos los chunks de codigo R deben tener #| label: para renderizado limpio

Habilidades Relacionadas

  • generate-puzzle -- generar salida de rompecabezas referenciada en la documentacion
  • run-puzzle-tests -- asegurar que los ejemplos de codigo en la documentacion son correctos
  • create-quarto-report -- creacion general de documentos Quarto

GitHub Repository

pjt222/agent-almanac
Path: i18n/es/skills/render-puzzle-docs
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Related Skills

executing-plans

Design

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

View skill

requesting-code-review

Design

This skill dispatches a code-reviewer subagent to analyze code changes against requirements before proceeding. It should be used after completing tasks, implementing major features, or before merging to main. The review helps catch issues early by comparing the current implementation with the original plan.

View skill

connect-mcp-server

Design

This skill provides a comprehensive guide for developers to connect MCP servers to Claude Code using HTTP, stdio, or SSE transports. It covers installation, configuration, authentication, and security for integrating external services like GitHub, Notion, and custom APIs. Use it when setting up MCP integrations, configuring external tools, or working with Claude's Model Context Protocol.

View skill

web-cli-teleport

Design

This skill helps developers choose between Claude Code Web and CLI interfaces based on task analysis, then enables seamless session teleportation between these environments. It optimizes workflow by managing session state and context when switching between web, CLI, or mobile. Use it for complex projects requiring different tools at various stages.

View skill