pedrohcgs

deploy

Render Quarto `.qmd` slides to HTML and sync to `docs/` for GitHub Pages. Use when user says "deploy", "publish the slides", "ship to pages", "push the lecture live", "render and publish", or after Quarto edits that need to go public. NOT for local Quarto render only — use `quarto render` directly for that.

pedrohcgs 1,544 2,983 Updated 2w ago
GitHub

Install

npx skillscat add pedrohcgs/claude-code-my-workflow/deploy

Install via the SkillsCat registry.

About this skill

This skill renders Quarto .qmd slide files to HTML and syncs the output along with associated assets (figures, R scripts, RevealJS files) to the docs/ directory for GitHub Pages deployment. It automates the process of publishing slide decks publicly, handling rendering, file copying, and asset synchronization. Use it when deploying, publishing, or updating slides for web hosting, but not for local-only Quarto rendering.

SKILL.md

Deploy Slides to GitHub Pages

Render Quarto slides and sync all files to docs/ for GitHub Pages deployment.

Steps

  1. Run the sync script:

    • If $ARGUMENTS is provided (e.g., "Lecture4"): ./scripts/sync_to_docs.sh $ARGUMENTS
    • If no argument: ./scripts/sync_to_docs.sh (syncs all lectures)
  2. Verify deployment:

    • Check that HTML files exist in docs/slides/
    • Check that _files/ directories were copied (RevealJS assets)
    • Check that docs/Figures/ was synced from Figures/
    • Check that docs/files/code/ contains the R scripts (if scripts/R/ has any)
  3. Verify interactive charts (if applicable):

    • Grep rendered HTML for interactive widget count
    • Confirm count matches expected
  4. Verify TikZ SVGs (if applicable):

    • Check that all referenced SVG files exist in docs/Figures/LectureN/
  5. Open in browser for visual verification:

    • open docs/slides/LectureX_Name.html # macOS
    • # xdg-open docs/slides/LectureX_Name.html # Linux
    • Confirm slides render, images display, navigation works
  6. Report results to the user

What the sync script does:

  • Renders all .qmd files in Quarto/ (skips *_backup* files)
  • Copies HTML and _files/ directories to docs/slides/
  • Copies Beamer PDFs from Slides/ to docs/slides/
  • Syncs Figures/ to docs/Figures/ using rsync
  • Copies every scripts/R/*.R into docs/files/code/ (published beside the slides)