skills.rest
evolving-machines-lab
evolving-machines-labOFFICIAL
Explore all skills by this author →
Website𝕏@evolvymachinesGitHub

slides-as-code

Generate HTML slide decks and export them to PNG and PPTX.

76|3|Updated Jan 20, 2026
Search Tags:#html#png#presentation#pptx#slides#export
One-click install
npx skills add https://github.com/evolving-machines-lab/evolve --skill slides-as-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides-as-code
Source: https://github.com/evolving-machines-lab/evolve/tree/main/skills/slides-as-code
Command: npx skills add https://github.com/evolving-machines-lab/evolve --skill slides-as-code

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pptxgenjs, playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Automate the creation of presentation decks by generating standalone HTML slides and providing automated PNG and PPTX exports.

Core Features & Use Cases

  • HTML slide outputs: generate self-contained slides with embedded CSS (1920x1080).
  • Viewer and navigation: preview decks in a simple HTML viewer.
  • Export pipeline: convert slides to PNG exports and PPTX presentations via a build script.
  • Project scaffolding: bootstrap a deck with an init-slideshow script and structured html/ directory.

Quick Start

Initialize a slides project in your current working directory, add slide HTML files under html/ and update html/viewer.html, then run npm run build to generate the PNG exports and PPTX.

Frequently Asked Questions about slides-as-code

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

FAQPage Schema
How do I generate HTML presentation slides from code?▼

Generating HTML presentation slides from code involves bootstrapping a project with an init script, adding slide files to the html/ directory, and updating the viewer. The skill creates self-contained 1920x1080 slides with embedded CSS.

Can I export HTML slides to PNG and PPTX?▼

Yes, exporting HTML slides to PNG and PPTX is supported via a build script. The pipeline converts the generated HTML deck into PNG images and a PPTX presentation file automatically.

Do I need Playwright and pptxgenjs to export HTML slides?▼

Yes, Playwright and pptxgenjs are required dependencies for exporting HTML slides. Playwright captures the HTML slides as PNG images, while pptxgenjs compiles those images into the final PPTX presentation.

What is the best way to automate presentation deck creation?▼

Automating presentation deck creation is best handled by generating standalone HTML slides from code and running an automated export pipeline. This approach renders 1920x1080 slides and converts them directly to PNG and PPTX formats.

How do I preview HTML slides before exporting to PPTX?▼

You preview HTML slides before exporting to PPTX by opening the html/viewer.html file in a browser. The project scaffolding includes a simple HTML viewer that provides navigation for the generated deck.

Related Skills

Explore More Design & Creative Skills→
s-choungs-choung
30

slide-audit

Measure slide element bounds and capture PNG screenshots to detect layout bugs in HTML decks.

Community
Advanced
wanrengangwanrengang
6

pptx

Creates and edits .pptx files with HTML-to-Slidesheet conversion and XML validation.

Community
Advanced
csim-sgcsim-sg

pptx

Automate PPTX creation, editing, and analysis with python-pptx and HTML2PPTX workflows.

Community
Advanced
hmzainjamilhmzainjamil
1

md-slides

Convert Markdown content into Marp slide decks with export directives for PDF, PPTX, or HTML.

Community
Intermediate