creating-revealjs-presentations

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

Updated Jan 3, 2026

Search Tags:#theming #slides #extensions #quarto #scss #revealjs

Ready to run

npx skills add https://github.com/fecet/quarto-scaffold --skill creating-revealjs-presentations

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: creating-revealjs-presentations
Source: https://github.com/fecet/quarto-scaffold/tree/main/.claude/skills/quarto-revealjs
Command: npx skills add https://github.com/fecet/quarto-scaffold --skill creating-revealjs-presentations

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the setup of production-ready Quarto Reveal.js slides by ensuring correct YAML configuration, SCSS theming, and layout patterns, reducing manual walkthrough and rework.

Core Features & Use Cases

Automated YAML configuration for Reveal.js format with theme layering, scroll view, and title slide attributes.
SCSS theming and layout patterns including defaults, rules, columns, absolute positioning, and vertical centering for consistent presentation styling.
Extensions and troubleshooting guidance for extending slides with Font Awesome, embedio, and editable components, plus guidance for accessibility and maintenance.

Quick Start

Create a new Quarto Reveal.js slide deck with a base YAML configuration, then apply SCSS theming and extensions as needed.

Frequently Asked Questions about creating-revealjs-presentations

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

FAQPage Schema

How do I create production-ready Quarto Reveal.js slides with custom SCSS theming?▼

To create production-ready Quarto Reveal.js slides, you need correct YAML configuration, SCSS theming defaults, and layout patterns. This ensures consistent presentation styling by automating theme layering, scroll view setup, and title slide attributes to reduce manual rework.

What is the best way to apply custom themes to Reveal.js presentations using SCSS?▼

Applying custom themes to Reveal.js presentations involves defining SCSS defaults and rules. This approach handles layout patterns like columns, absolute positioning, and vertical centering, producing consistent, maintainable styling outputs across your presentation decks.

Can I use Font Awesome and embedio extensions with Quarto Reveal.js presentations?▼

Yes, you can extend Quarto Reveal.js presentations with Font Awesome, embedio, and editable components. The setup provides guidance on integrating these optional extensions to enhance your slides while maintaining consistent rendering and accessibility.

Why does my Reveal.js presentation have rendering issues after applying custom layouts?▼

Rendering issues in Reveal.js presentations often stem from incorrect YAML configuration or conflicting SCSS rules. Troubleshooting involves validating your theme layering, checking layout patterns like absolute positioning, and ensuring extension integrations follow accessibility and maintenance guidance.

How do I configure YAML structure for a new Reveal.js slide deck?▼

Configuring YAML structure for a new Reveal.js slide deck requires setting specific format attributes. Automating this setup enforces correct title slide properties, scroll view options, and theme layering to produce consistent, maintainable Reveal.js outputs from the start.

Do I need Quarto to build Reveal.js slides with SCSS layouts?▼

Yes, using Quarto is required for this setup, as it automates Quarto Reveal.js slide creation by enforcing SCSS theming, YAML configuration, and layout patterns. This combination ensures your presentation outputs remain consistent and maintainable.