slide-writer

Generate branded HTML slide decks from ideas, outlines, or drafts.

6|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/SummerSec/SumSec-Skills --skill slide-writer-summersec
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slide-writer
Source: https://github.com/SummerSec/SumSec-Skills/tree/main/skills/creating-blog-web-ppt/vendor/slide-writer
Command: npx skills add https://github.com/SummerSec/SumSec-Skills --skill slide-writer-summersec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converting ideas, outlines, or draft notes into structured, brand-consistent HTML decks used for presentations is time-consuming and error-prone; this Skill automates turning raw inputs into a ready-to-share HTML file.

Core Features & Use Cases

  • Brand-aware generation: auto-detects company themes and applies brand-compliant colors and logos.
  • Deterministic output: produces a single self-contained HTML file with inline CSS/JS.
  • Structure-aware drafting: converts input outlines into slide-by-slide narratives with proper page skeletons (cover, agenda, sections, and Q&A).
  • On-demand resources: supports optional references, scripts, and assets for extended workflows.
  • Use cases: create investor decks, internal updates, or training slides from notes, outlines, or drafts.

Quick Start

Provide your input (ideas/outlines/drafts) and request the system to generate a branded HTML slide deck.

Frequently Asked Questions about slide-writer

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

FAQPage Schema
How do I automatically generate HTML presentation slides from outline notes?

Automating HTML presentation slides from outlines involves converting raw notes into slide-by-slide narratives with proper page skeletons like cover, agenda, and Q&A. The process yields a single self-contained HTML file with embedded CSS and JS for immediate sharing.

Can I apply corporate branding themes to an automatically generated HTML slide deck?

Applying corporate branding themes to generated HTML slide decks is handled through brand-aware generation that auto-detects company themes. The system automatically applies brand-compliant colors and logos to ensure presentation consistency across investor pitches and internal updates.

Does the generated HTML slide deck require external CSS or JavaScript files to display correctly?

Generated HTML slide decks do not require external CSS or JavaScript files because the output is deterministic and self-contained. The system produces a single HTML file with inline CSS and JS, ensuring the presentation renders correctly without external dependencies.

What is the best way to turn draft notes into a structured investor pitch deck?

Turning draft notes into a structured investor pitch deck is best achieved through end-to-end automated generation that handles theme detection and structure planning. This approach transforms raw drafts into brand-consistent HTML presentations with cover, agenda, and section skeletons.

Can I include optional references and scripts in my generated HTML presentation?

Including optional references and scripts in generated HTML presentations is supported through on-demand resource handling. The system allows you to attach optional references, scripts, and assets for extended workflows when creating corporate presentations or training decks.

What are the limitations of using HTML slides for corporate presentations instead of traditional formats?

Limitations of using HTML slides for corporate presentations include reliance on browser rendering for display rather than native presentation software. However, the self-contained HTML file with embedded CSS and JS ensures offline portability and consistent branding across devices.