skills.rest
pinion05
pinion05COMMUNITY
Explore all skills by this author →
GitHub

presentation-generator

Generate interactive HTML presentations with PNG and PDF exports from structured content.

3|Updated Feb 6, 2026
Search Tags:#branding#HTML#Playwright#presentation#slides#export#neobrutalism
One-click install
npx skills add https://github.com/pinion05/skills --skill presentation-generator-pinion05
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: presentation-generator
Source: https://github.com/pinion05/skills/tree/main/presentation-generator
Command: npx skills add https://github.com/pinion05/skills --skill presentation-generator-pinion05

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generators and exports visually rich presentations in a branded, consistent style, saving time and ensuring a professional look without manual CSS theming for each deck.

Core Features & Use Cases

  • Interactive HTML presentations with keyboard and navigation controls.
  • PNG slide exports and PDF generation from a single source of truth.
  • Brand-aligned styling using the Agency color and typography references; suitable for pitches, trainings, and visual summaries.
  • Use Case: Create a 10-slide workshop summary deck that exports HTML for online viewing, PNG thumbnails for slides, and a PDF version for distribution.

Quick Start

Use the presentation-generator skill to render slides from a content.json file and output an HTML file: node scripts/generate-presentation.js --input content.json --output presentation.html Then export all slides as PNG: node scripts/export-slides.js presentation.html --format png --output ./slides/ Finally produce a PDF: node scripts/export-slides.js presentation.html --format pdf --output presentation.pdf

Frequently Asked Questions about presentation-generator

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

FAQPage Schema
How do I generate HTML presentations and export slides as PNG and PDF?▼

Playwright is required to export presentation slides as PNG and PDF files because the export scripts rely on it to render the HTML output and capture media directly from the generated deck.

Can I create branded slides without writing manual CSS for each deck?▼

Yes, you can create branded slides without manual CSS theming because the generator automatically applies consistent neobrutalism styling and Agency typography references to your structured content.

Do I need Node.js to run the presentation export scripts?▼

Yes, you need Node.js 18+ to run the presentation export scripts, as the skill requires this environment along with Playwright to execute its rendering and media generation processes.

What is the best way to automate pitch deck creation from structured content?▼

Playwright is required to export presentation slides as PNG and PDF files because the export scripts rely on it to render the HTML output and capture media directly from the generated deck.

Does the HTML presentation output support keyboard navigation controls?▼

Yes, the HTML presentation output supports interactive keyboard and navigation controls, allowing users to seamlessly navigate through slides during pitches, trainings, or visual summaries.

Related Skills

Explore More Design & Creative Skills→
forwardimpactforwardimpact
4

create-presentations

Generate PDF slide decks from user requests using Playwright.

Official
Intermediate
shekerkammashekerkamma

presentation-exporter

Export HTML presentations to PDF, PNG, and markdown speaker notes.

Community
Intermediate
nicepkgnicepkg
276

presentation-generator

Generate interactive HTML presentations with neobrutalism styling from JSON or YAML content.

Official
Intermediate
stromy-orgstromy-org

format-html-reveal

Server-render reveal.js HTML slide decks with integrated brand layouts.

Official
Intermediate