ppt-as-code

Create HTML-based presentations through a staged workflow with quick, basic, and advanced modes.

191|17|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/Russell-cell/PPT-as-code --skill ppt-as-code-russell-cell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ppt-as-code
Source: https://github.com/Russell-cell/PPT-as-code/tree/main
Command: npx skills add https://github.com/Russell-cell/PPT-as-code --skill ppt-as-code-russell-cell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pandas, numpy, matplotlib, and includes scripts (resource) and references (resource) and assets (resource) and workbench (resource) components.

What problem does it solve?

This Skill simplifies the process of creating HTML-based presentations, ensuring a structured and efficient workflow from planning to delivery.

Core Features & Use Cases

  • Staged Workflow: Facilitates a step-by-step approach to building presentations, with distinct stages for planning, design, and implementation.
  • Modes: Offers quick, basic, and advanced modes to cater to different use cases and user expertise levels.
  • Source Material Normalization: Allows users to import and normalize various source materials like PDFs, DOCX, and web pages.
  • Reference Search Pack: Provides a curated set of reference images for design inspiration.
  • Workbench: Offers a visual editor for PPT-style editing, with options for Deck Mode and HTML Mode.

Quick Start

Use the ppt-as-code skill to create a new presentation about product design trends. Start in quick mode for a streamlined workflow.

Frequently Asked Questions about ppt-as-code

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

FAQPage Schema
How do I create an HTML presentation from existing PDF or DOCX files?

You can build HTML presentations using a structured, stage-like workflow that normalizes imported source materials like PDFs and DOCX. This process transforms existing documents into a visual workbench for editing.

What is the best way to build a presentation if I only need a quick draft?

The best way to build a quick presentation draft is using the quick creation mode. This streamlined workflow caters to different expertise levels, enabling rapid HTML presentation generation without advanced configuration.

Do I need Python to generate HTML presentations with this workflow?

Yes, you need Python installed for the runtime execution of this presentation workflow. Python executes the underlying scripts that process source materials, search reference images, and generate the final HTML presentation.

Can I visually edit an HTML presentation after generating the code?

Yes, you can visually edit an HTML presentation using the integrated visual workbench. This editor offers PPT-style editing capabilities with options for both Deck Mode and HTML Mode to modify your generated slides.

How does the reference image search work for presentation design inspiration?

The reference image search provides a curated pack of images directly within the workflow. It functions as an integrated tool to supply design inspiration, helping you visualize and structure your HTML presentation during the planning stage.