Transform standard Markdown files into polished, standalone HTML slide presentations with built-in navigation and styling.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install markdown-slides
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 markdown-slides 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 Markdown Slides?
Markdown Slides is a specialized utility within the Openclaw Skills library that simplifies the creation of professional presentations. It allows developers and writers to stay within their preferred text-based workflow while generating high-quality, browser-ready slide decks. By leveraging simple Markdown syntax, this skill automates the conversion of text into a single HTML file that includes all necessary CSS and JavaScript, making it perfect for offline use or quick demonstrations.
This tool is designed for speed and portability. Unlike heavy presentation software, it produces a lightweight file with zero external dependencies. Users can easily customize themes, colors, and fonts to match their brand or project style. Using Openclaw Skills for your presentation needs ensures that your slides are version-control friendly and easily shareable as a single asset.
Markdown Slides Use Cases
- Creating technical presentations directly from project READMEs or documentation.
- Generating quick demo decks for software releases or team standups.
- Building offline-first presentations for environments with limited internet access.
- Producing version-controllable slide decks that reside within the same repository as the source code.
How Markdown Slides Works
- The skill analyzes the provided Markdown and identifies slide breaks based on the horizontal rule separator (
---). - Each segment is parsed and converted into semantic HTML elements, including headings, lists, and code blocks.
- The generated content is injected into a robust HTML5 template containing responsive CSS for layout and layout transitions.
- Navigation logic is added via embedded JavaScript to handle keyboard inputs (arrows, space, home/end) and touch/click events.
- The final output is saved as a standalone .html file ready for immediate browser viewing.
Markdown Slides Setup
To get started with this skill in the Openclaw Skills ecosystem, prepare your Markdown file and instruct the agent to generate the slides.
# Example: Convert your content
# The agent will process your markdown and output a single file:
# slides.html
Simply open the resulting file in any modern web browser and press F11 for a full-screen presentation experience.
Markdown Slides Data Schema & Taxonomy
The skill organizes content into a specific structural taxonomy to ensure consistent rendering across different browsers.
| Component | Markdown Trigger | HTML/CSS Implementation |
|---|---|---|
| Slide Container | --- |
<div class="slide"> with flexbox centering |
| Title | # |
<h1> with linear-gradient text styling |
| Section Header | ## |
<h2> with accent color scaling |
| Code Blocks | ``` |
<pre><code> with overflow-x handling |
| Navigation | N/A | JavaScript EventListeners for Arrow keys and clicks |
| Progress UI | N/A | Fixed bottom bar with dynamic width percentage |
Markdown Slides Advanced Features
- Support for hidden speaker notes using standard HTML comment tags within the Markdown source.
- Multiple built-in color themes including Dark, Light, and Solarized options.
- Automatic image handling for URLs and base64-encoded strings to maintain portability.
- Responsive design that automatically adjusts font sizes for code-heavy or content-dense slides.
- Integrated progress tracking and slide numbering for real-time navigation feedback.
SKILL.md
Loading
Related Openclaw Skills
LinkedIn Poster
An advanced AI agent skill designed to automate professional LinkedIn content creation, scheduling, and algorithmic engagement optimization.
Network Scanner
A local network auditing tool that discovers connected devices and identifies open ports using nmap with security-first defaults.
Japan News Digest
A specialized skill for fetching, categorizing, and summarizing top Japanese news into a digestible daily digest.
Image Optimizer
A high-performance image processing utility for automated compression, resizing, and format conversion using Openclaw Skills.
Meal Planner JP
An intelligent assistant for crafting balanced Japanese meal plans based on seasonal ingredients and budget constraints.
MetaMask Wallet Integration
A sophisticated MetaMask integration for AI agents to handle cryptocurrency transactions, reward collection, and DeFi protocol interactions.
METADATA
Featured*
