skills.rest
imMamdouhaboammar
imMamdouhaboammarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slide-deck

Draft, update, convert, and export branded React slide decks as TypeScript Slide arrays.

Updated Aug 13, 2026
Search Tags:#react#presentation#playwright#slide deck#pdf export#speaker notes#pptx conversion
One-click install
npx skills add https://github.com/imMamdouhaboammar/marketing-skills --skill slide-deck-immamdouhaboammar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide-deck
Source: https://github.com/imMamdouhaboammar/marketing-skills/tree/main/skills/slide-deck
Command: npx skills add https://github.com/imMamdouhaboammar/marketing-skills --skill slide-deck-immamdouhaboammar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, python-pptx, imagemagick, img2pdf, vercel, and includes references (resource) components.

What problem does it solve? Creating presentation decks that stay on-brand requires manually writing React/TypeScript slide files, maintaining speaker notes, and converting legacy PowerPoint files, which is slow and error-prone without a structured workflow. ## Core Features & Use Cases - Four modes: draft new decks from a brief, update existing decks with overflow guards, convert legacy PPTX files into React decks via python-pptx, and export rendered decks to standalone HTML, PDF, or Vercel URLs using Playwright snapshots. - Narrative and voice system: proposes three narrative angles per deck, enforces speaker-led vs reading-first density modes, and writes read-aloud speaker notes for every slide. - Use Case: Convert a client's old conference PPTX into your branded Next.js slide system, then export a shareable PDF snapshot of the rendered deck for distribution. ## Quick Start Ask the agent to draft a new slide deck on your topic by running /slide-deck new followed by the topic, then answer the brief questions about audience, length, and density.

Frequently Asked Questions about slide-deck

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

FAQPage Schema
How do I convert a PowerPoint file to a React slide deck?▼

Use the ppt mode with the path to your PPTX file. The skill extracts titles, body text, speaker notes, and images using python-pptx, maps each slide to React primitives like Heading and BulletList, and writes page.tsx and layout.tsx into your slide repo.

How do I export a React slide deck to PDF?▼

Run the export mode with the deck slug and pdf output type. The skill uses Playwright to snapshot each rendered slide at 1920x1080 from your dev server, then combines the PNGs into a PDF using img2pdf or ImageMagick.

What is the difference between speaker-led and reading-first deck density?▼

Speaker-led density uses one idea per slide, maximum 3 bullets, and short paragraphs for live talks. Reading-first density allows 4-6 bullets and structured layouts for self-contained decks read asynchronously without a presenter.

Does the export preserve animations and presenter view?▼

No, exports are static PNG snapshots of the rendered slides, so animations, interactions, and presenter view are not preserved. For interactive demos, present the live React version instead of the exported HTML or PDF.

What tools are required for slide deck export?▼

Export requires Playwright with Chromium for snapshots, plus img2pdf or ImageMagick for PDF output, and the Vercel CLI for shareable URL deployment. The skill surfaces install commands if any tool is missing.

Related Skills

Explore More Content & Communication Skills→
MichaelsEngineeringMichaelsEngineering

gpd-slides

Generate presentation slide decks from GPD projects or workspace source material.

Community
Intermediate
Marky-TeamMarky-Team
3

create-post-variations

Repurpose existing social media posts into multiple draft variations.

Official
Intermediate
opensquillaopensquilla
6.8k

meta-research-to-slide-deck

Orchestrates multi-engine search, deep research, and PPTX generation into source-backed presentation decks.

Official
Advanced
sellersessionssellersessions

formula-botanica-slides

Generate branded standalone HTML slide decks conforming to Formula Botanica's design system.

Community
Basic