skills.rest
drmowinckels
drmowinckelsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

quarto-revealjs

Create and customize RevealJS themes for Quarto extensions using SCSS.

Updated Feb 24, 2026
Search Tags:#theming#extension#presentation#quarto#scss#revealjs
One-click install
npx skills add https://github.com/drmowinckels/dotfiles --skill quarto-revealjs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: quarto-revealjs
Source: https://github.com/drmowinckels/dotfiles/tree/main/config/claude/skills/quarto-revealjs
Command: npx skills add https://github.com/drmowinckels/dotfiles --skill quarto-revealjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to building and customizing RevealJS themes for Quarto extensions, enabling consistent branding and slide quality across projects.

Core Features & Use Cases

  • SCSS-based theming for RevealJS within Quarto extensions, including defaults, mixins, and semantic classes
  • Theme stacking and override order to blend base, brand, and custom styles
  • Title slide customization, logo handling, and responsive layout patterns
  • Footer and slide-number styling with accessible color and contrast
  • Two-column layouts and multi-section slide variations for complex presentations
  • Works with the quarto-extensions ecosystem for extension development

Quick Start

Edit your Quarto RevealJS theme by adjusting variables in scss/defaults and applying the elaborate title mixins to your slides.

Frequently Asked Questions about quarto-revealjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create custom RevealJS themes for Quarto presentations?▼

Create custom RevealJS themes for Quarto by adjusting SCSS variables in the defaults file and applying structured mixins to build consistent branding across presentation slides.

What is the best way to structure SCSS overrides for a Quarto RevealJS extension?▼

The best way to structure SCSS overrides for Quarto RevealJS is using theme stacking to blend base, brand, and custom styles, ensuring proper selector specificity for semantic slide classes.

How do I add a branded title slide and footer to my Quarto RevealJS deck?▼

Add branded title slides and footers to Quarto RevealJS decks by using elaborate title mixins and styling configurations that handle logo placement, responsive layout patterns, and accessible color contrast.

Can I use SCSS to build two-column layouts and complex slide variations in Quarto?▼

Yes, you can use SCSS to build two-column layouts and multi-section slide variations in Quarto by defining semantic slide classes with proper selectors for complex presentation components.

How does theme stacking work when customizing Quarto RevealJS extensions?▼

Theme stacking in Quarto RevealJS extensions works by establishing an override order that sequentially blends base styles, brand variables, and custom SCSS defaults to achieve consistent presentation theming.

Why are my custom SCSS styles not applying correctly to specific RevealJS slides?▼

Custom SCSS styles may fail to apply to RevealJS slides if semantic classes lack proper selectors, or if the theme stacking override order incorrectly prioritizes base styles over custom brand variables.

Related Skills

Explore More Design & Creative Skills→
htlin222htlin222
77

codefocus

Highlight code progressively in Quarto Revealjs presentations.

Community
Basic
naj2rnaj2r

build-slides

Convert paper sections into Quarto or Beamer slide decks.

Community
Advanced
fecetfecet

create-slide

Enforce Fluid-Slide project conventions for slide decks and YAML frontmatter.

Community
Intermediate
fecetfecet

creating-revealjs-presentations

Automate Quarto Reveal.js slide setup with YAML configuration and SCSS theming.

Community
Advanced