A specialized skill for building interactive, web-standard presentations using reveal.js v5 via CDN.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install revealjs-presentations
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install revealjs-presentations using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is revealjs-presentations?
The revealjs-presentations skill empowers AI agents to generate high-quality, responsive slide decks as standalone HTML files. Built on the industry-leading reveal.js v5 framework, this tool bypasses the need for heavy local build environments or npm dependencies by utilizing reliable CDN delivery. It is an essential addition to the Openclaw Skills ecosystem for developers and presenters who need to rapidly prototype and deploy pitch decks, technical talks, or documentation.
By leveraging this skill, users can create sophisticated web-based presentations that outperform traditional slide software in terms of flexibility and customization. The generated output is fully compatible with modern web standards, allowing for seamless integration of custom CSS, JavaScript plugins, and responsive layouts that look great on any device.
revealjs-presentations Use Cases
- Rapidly generating professional pitch decks or project summaries as web-ready HTML files.
- Building technical presentations that require live code highlighting and step-by-step code reveals.
- Creating interactive documentation or educational content with vertical slide stacks and auto-animation.
- Deploying lightweight, self-hosted presentations to platforms like GitHub Pages or Vercel without complex build pipelines.
How revealjs-presentations Works
- The agent initializes a new presentation by cloning a standardized HTML template provided within the skill assets.
- User-defined variables such as title, subtitle, and visual themes are injected into the template placeholders.
- Content is structured into nested section elements to define horizontal and vertical slide navigation.
- Visual enhancements like fragments, background gradients, and auto-animate properties are applied to specific elements.
- The final single-file HTML output is generated, referencing the reveal.js core and plugins via CDN for immediate execution.
revealjs-presentations Setup
To get started with revealjs-presentations in your environment, follow these steps:
# Navigate to your project directory
cd my-presentation-project
# Copy the core template to your workspace
cp assets/template.html ./index.html
# Open the file and configure your reveal.js settings
Ensure your index.html points to the correct reveal.js version:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/theme/black.css">
revealjs-presentations Data Schema & Taxonomy
The skill manages data through a streamlined HTML/CSS structure to ensure portability within Openclaw Skills:
| Component | Format | Description |
|---|---|---|
| Core Layout | HTML5 | Uses <div class="reveal"> and <div class="slides"> wrappers. |
| Styling | CSS3 | Optional style.css for overriding default theme variables. |
| Transitions | Data Attributes | Uses data-auto-animate and data-transition for slide effects. |
| Logic | JavaScript | Reveal.initialize() handles configuration and plugin loading. |
| Export | Triggered via ?print-pdf URL query parameter. |
revealjs-presentations Advanced Features
- Vertical slide stacking for multi-dimensional content organization.
- Advanced fragment control including fade-up, shrink, and highlight-red styles for granular delivery.
- Built-in support for code line-number highlighting and syntax tracking.
- Native speaker notes accessible via the 'S' key during live presentations.
- Support for complex background media including videos, gradients, and custom image covers.
SKILL.md
Loading
Related Openclaw Skills
Chart Generator
A professional data visualization tool for generating high-quality charts from multiple data sources for reports and presentations.
RM Command Safety Check
An intelligent interceptor for high-risk file deletion commands that prevents data loss through impact assessment and user confirmation.
Auto-Douyin Video Publisher
A professional automation skill for Douyin that handles video uploads, account management, and scheduled publishing via Playwright.
Code Metrics Analysis
A comprehensive code auditing tool that measures complexity, line counts, and documentation density across multiple programming languages.
Mysteel Price Search
An advanced data retrieval skill for querying global commodity prices, macroeconomic indicators, and supply chain logistics via the Mysteel platform.
Minimalist Entrepreneur Skills
A comprehensive suite of 9 business-building frameworks designed to help creators find communities, validate ideas, and grow profitable, sustainable companies.
Featured*
