An automated system for generating professional Reveal.js slide decks and technical articles directly from source code and research papers.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install presentation-html-generator-skill
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 presentation-html-generator-skill 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 Presentation & Technical Content Generator?
The presentation-generator is a specialized tool designed to bridge the gap between complex technical implementations and high-quality communication. By analyzing source code, configuration files, and research papers, this Openclaw Skills addition automates the creation of professional Reveal.js HTML presentations and structured Markdown articles. It ensures that every technical claim is backed by actual code, providing a logic-first approach to technical storytelling.
Whether you are presenting a new AI model or documenting a software architecture, this skill handles the heavy lifting of visualization and content structure. It integrates Mermaid.js for flowcharts, MathJax for LaTeX formulas, and Matplotlib for precise architecture diagrams. By default, it follows a rigorous pedagogical pattern to ensure the audience understands the motivation, mechanism, and code implementation of any complex system.
Presentation & Technical Content Generator Use Cases
- Converting a GitHub repository or research paper into a widescreen HTML slide deck for a technical conference.
- Writing deep-dive technical blog posts that align mathematical formulas directly with code variable names.
- Generating professional architecture diagrams using Matplotlib for system documentation.
- Creating separate training and inference pipeline visualizations for AI model walkthroughs.
- Automating the generation of speaker notes that explain the underlying logic of complex code snippets.
How Presentation & Technical Content Generator Works
- Source Analysis: The agent scans project files, including YAML configs, model definitions, and READMEs to gather precise technical parameters and shapes.
- Content Planning: It organizes information into a logical flow, covering context, high-level architecture, component deep dives, and performance metrics.
- Reveal.js Generation: A self-contained HTML file is produced featuring responsive CSS, syntax highlighting, and interactive diagrams.
- Deep Dive Application: For every core module, the skill follows a 5-step pattern: defining the concept, explaining the design motivation, detailing the mechanism, showing the code, and providing a comparison table.
- Visual Differentiation: For AI projects, the skill automatically applies distinct color schemes—blue for training and green for inference—to distinguish different stages of the model lifecycle.
Presentation & Technical Content Generator Setup
To use this Openclaw Skills entry, ensure your environment is configured for technical content generation. While no specific CLI installation is required for the skill itself, your system should support the following:
# Ensure Python is available for Matplotlib diagram generation
pip install matplotlib
# The skill utilizes CDN-based assets for Reveal.js, Mermaid.js, and MathJax
# Ensure your output environment allows external scripts for full interactivity.
The generator uses a mandatory 1920x960 resolution setting and Flexbox centering CSS to ensure presentations look professional on any widescreen display.
Presentation & Technical Content Generator Data Schema & Taxonomy
The skill organizes data into structured outputs to ensure clarity and professional presentation standards:
| Output Type | Description | Format |
|---|---|---|
| Presentation | Self-contained slide deck with Reveal.js, speaker notes, and interactive components. | HTML |
| Technical Article | Deep-dive documentation following a structured What-Why-How-Code template. | Markdown |
| Diagrams | Programmatically generated system architectures and flowcharts using Matplotlib or Mermaid. | PNG/SVG/HTML |
| Metadata | Internal mapping of model parameters, tensor shapes, and formula-to-code references. | Internal JSON |
Presentation & Technical Content Generator Advanced Features
- AI Pipeline Specialization: Automatically detects and visually separates training pipelines from inference logic with dedicated slide groups and comparison tables.
- Intelligent Mermaid Rendering: Fixes common rendering issues in Reveal.js by managing the lifecycle of diagram initialization during slide transitions.
- Formula-Code Alignment: Ensures that LaTeX symbols used in mathematical explanations perfectly match the variable names found in the source code.
- Matplotlib Architecture Methodology: Uses custom coordinate scaling and proportional padding to generate high-fidelity technical diagrams without distortion.
- Interactive Speaker Notes: Generates conversational speaker notes for every slide to assist presenters in explaining the why behind the code.
SKILL.md
Loading
Related Openclaw Skills
Guide Creator
Guide Creator is a specialized documentation system that generates and maintains standardized project guides to ensure seamless AI context recovery and development continuity.
Red Team - Adversarial Debate Engine
An adversarial multi-agent engine that orchestrates AI personas with conflicting worldviews to stress-test decisions and strategies through structured debate.
TooToo
Sync your personal TooToo codex to monitor and enforce AI agent alignment with your core values and principles.
food402 - TGO Yemek Delivery
A comprehensive AI agent skill for searching restaurants and ordering food from Trendyol GO in Turkey.
Suno Headless Music Creator
A specialized AI agent skill designed to automate Suno AI music production on headless Linux cloud servers using virtual display technology.
Suno AI Music Creator
A comprehensive automation skill for Suno AI that handles authentication, custom song generation, and audio file management.
Featured*
