Skills
.Work. You
Rest

slides-as-code

Official

Create HTML slides from code and export PNGs.

Design & Creative#html#png#presentation#pptx#slides#export
Authorevolving-machines-lab
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

pptxgenjsplaywright

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: slides-as-code
Download link: https://github.com/evolving-machines-lab/evolve/archive/main.zip#slides-as-code

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.