Transform any HTML file or web design into a pixel-faithful PowerPoint presentation with native chart support and automated scaling.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install html-to-one-pptx
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 html-to-one-pptx 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 HTML to PPTX Conversion Skill?
The html-to-one-pptx skill is a high-precision technical workflow developed for Openclaw Skills that enables AI agents to convert web content into editable PowerPoint (.pptx) files. Instead of capturing static screenshots, this skill performs a deep analysis of the HTML DOM and CSS styles to reconstruct elements as native PowerPoint shapes, text boxes, and charts. It utilizes the pptxgenjs library to ensure that the resulting slides are not only visually identical to the source but also fully editable and scalable.
This workflow is built on strict engineering principles, such as the Fit-to-page scaling algorithm and a multi-phase audit process. By generating individual slide directories and executing dedicated JavaScript generation scripts, it maintains a high degree of reliability for both single-page conversions and complex, multi-slide presentations. It is an essential tool for developers and analysts looking to bridge the gap between web-based data visualization and professional presentation formats.
HTML to PPTX Conversion Skill Use Cases
- Automating the creation of weekly business reviews from web-based analytics dashboards.
- Converting HTML/CSS design mockups into editable pitch decks for client presentations.
- Generating data-heavy reports in Openclaw Skills by extracting chart data from ECharts or Chart.js into native PPT charts.
- Batch processing multiple web pages into a single, merged PowerPoint file with consistent branding and layout.
How HTML to PPTX Conversion Skill Works
- The agent reads the source HTML and creates a comprehensive parsehtml.md file, documenting every coordinate, shape, and text element.
- A specialized Python script detects charts (canvas, SVG, or CSS) and extracts their raw data into a JSON format for native rendering.
- A Color Master audit is performed to verify WCAG contrast ratios and adjust colors for maximum visibility on slide backgrounds.
- A Node.js generation script (gen.js) is written, incorporating fit-to-page scaling logic and specific Z-order sequences.
- The script is executed to produce a .pptx file, which can then be merged with other slides using a ZIP-level manipulation script to prevent data corruption.
HTML to PPTX Conversion Skill Setup
To use this skill within Openclaw Skills, ensure your environment is configured with the following steps:
# Install Node.js dependencies
npm install pptxgenjs
# Install Python dependencies for chart detection and merging
pip install python-pptx lxml
# Ensure the scripts directory is present in your project root
mkdir -p scripts
HTML to PPTX Conversion Skill Data Schema & Taxonomy
The skill follows a strict directory structure within the tmp/ folder to manage the conversion lifecycle:
| File/Folder | Description |
|---|---|
slide_NN/ |
Subdirectory for each individual HTML file processed. |
parsehtml.md |
The structural blueprint containing canvas sizes and element coordinates. |
colors.md |
The result of the Phase 2.5 audit, listing color overrides for contrast compliance. |
charts.json |
Data extracted from web charts, formatted for the pptxgenjs addChart() API. |
gen.js |
The logic-heavy script that maps HTML elements to PowerPoint objects. |
final.pptx |
The successfully merged presentation containing all processed slides. |
HTML to PPTX Conversion Skill Advanced Features
- Smart Scaling: Automatically calculates SCALE, X_OFF, and Y_OFF to fit any HTML dimension into standard 4:3 or 16:9 slide layouts.
- Native Chart Rendering: Converts web-based visualizations into actual PowerPoint chart objects that remain editable in Microsoft Office.
- Contrast Compliance: Includes a built-in WCAG contrast ratio calculator to automatically darken text or adjust fills for readability.
- Robust Merging Logic: Uses ZIP-level XML manipulation to combine presentations, ensuring that media and chart relationships are preserved without collisions.
- Unicode Safety: Includes validation for Unicode escape sequences to prevent runtime syntax errors during JavaScript execution.
SKILL.md
Loading
Related Openclaw Skills
Adversarial Robustness Toolbox Skill
A comprehensive local reference tool for securing machine learning models using the Adversarial Robustness Toolbox.
ChainWard
ChainWard provides comprehensive monitoring, real-time alerting, and health tracking for autonomous AI agent wallets on the Base network.
GitHub Trending
A zero-dependency Python tool to fetch and analyze trending GitHub repositories by stars gained over specific time periods.
Astro Life Insights
Astro Life Insights provides personalized, positive daily astrological guidance by calculating real-time planetary transits against your unique natal chart.
Novita Multimodal Execution
A comprehensive multimodal skill for executing text-to-image, video generation, and speech-to-text tasks using the Novita AI API.
Crypto Market Intel
A zero-config market data pipeline providing real-time cryptocurrency, stock, and macro intelligence for AI agents without requiring any API keys.
Featured*
