render-puzzle-docs
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
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/render-puzzle-docsCopy 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
| Mode | Command | Duration | Use when |
|---|---|---|---|
| Fresh | bash inst/scripts/render_quarto.sh | ~5-7 min | Content changed, cache stale |
| Cached | bash inst/scripts/render_quarto.sh --cached | ~1-2 min | Minor edits, cache valid |
| Single | Direct quarto.exe | ~30s | Iterating 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_PANDOCenv 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.htmlexists- 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.htmlexists + 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_PANDOCset 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 docsrun-puzzle-tests— ensure code examples correctcreate-quarto-report— general Quarto doc creation
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.
