Back to Skills

render-puzzle-docs

pjt222
Updated 2 days ago
4 views
17
2
17
View on GitHub
Metadesign

About

This skill renders a Quarto documentation site for the jigsawR project, supporting fresh, cached, or single-page builds. It's used to generate the full site after changes, preview single pages during iteration, or debug rendering errors. It can utilize a bundled script or a direct Quarto executable from 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

Render Puzzle Docs

Render jigsawR Quarto docs site.

Use When

  • Build full docs site after content changes
  • Render single page during iter editing
  • Prep docs for release or PR
  • Debug render errs in .qmd files

In

  • Required: Render mode (fresh, cached, single)
  • Optional: Specific .qmd path (single-page mode)
  • Optional: Open result in browser?

Do

Step 1: Choose Mode

ModeCommandDurationUse when
Freshbash inst/scripts/render_quarto.sh~5-7 minContent changed, cache stale
Cachedbash inst/scripts/render_quarto.sh --cached~1-2 minMinor edits, cache valid
SingleDirect quarto.exe~30sIterating on one page

→ Mode selected by situation: fresh for content changes/stale cache, cached for minor edits, single for iter on one page.

If err: unsure if cache stale → default fresh. Longer but guarantees correct.

Step 2: Execute

Fresh (clears _freeze + _site, re-exec all R):

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

Cached (uses existing _freeze):

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

Single page (one .qmd direct):

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

→ Render completes w/o errs. Output in quarto/_site/.

If err:

  • Check R code errs in .qmd chunks (look for #| label: markers)
  • Verify pandoc available via RSTUDIO_PANDOC env var
  • Try clear cache: rm -rf quarto/_freeze quarto/_site
  • Check all R pkgs used in .qmd installed

Step 3: Verify

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

Confirm structure:

  • quarto/_site/index.html exists
  • Nav links resolve correctly
  • Images + SVG files render properly

index.html exists + non-empty. Nav links resolve, images/SVGs render in browser.

If err: index.html missing → render failed silent. Re-run verbose + check R err in .qmd chunks. Only some pages missing → verify those .qmd listed in _quarto.yml.

Step 4: Preview (Optional)

Open in Windows browser:

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

→ Site opens in default browser for inspection.

If err: cmd.exe /c start fails from WSL → try explorer.exe "D:\\dev\\p\\jigsawR\\quarto\\_site\\index.html". Or navigate manual in browser.

Check

  • quarto/_site/index.html exists + non-empty
  • No render errs in console
  • All R chunks exec OK (no err msgs)
  • Nav between pages works
  • All .qmd have #| label: on chunks for clean output

Traps

  • Stale freeze cache: R code changed → fresh render to regen _freeze
  • Missing R pkgs: .qmd may use pkgs not in renv → install first
  • Pandoc not found: Ensure RSTUDIO_PANDOC set in .Renviron
  • Long renders: Fresh = 5-7 min (14 pages w/ R exec) → cached during iter
  • Code chunk labels: All R chunks should have #| label: for clean render

  • generate-puzzle — generate puzzle output ref'd in docs
  • run-puzzle-tests — ensure code examples correct
  • create-quarto-report — general Quarto doc creation

GitHub Repository

pjt222/agent-almanac
Path: i18n/caveman-ultra/skills/render-puzzle-docs
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