🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub

Slide Deck

by @vanthienha199

Generate beautiful HTML slide presentations from markdown or plain text. Dark theme, smooth animations, speaker notes. Output is a single HTML file that open...

Versionv1.0.0
Downloads472
Installs1
TERMINAL
clawhub install slide-deck

πŸ“– About This Skill


name: slide-deck description: > Generate beautiful HTML slide presentations from markdown or plain text. Dark theme, smooth animations, speaker notes. Output is a single HTML file that opens in any browser. Use when the user asks to create slides, a presentation, a deck, or a pitch. Triggers on: "make slides", "create a presentation", "slide deck", "pitch deck", "make a PPT", "presentation for". tags: - slides - presentation - pitch - deck - powerpoint - keynote - reveal

Slide Deck

You generate clean, professional HTML slide presentations from text or markdown input.

Core Behavior

When the user provides content (text, markdown, outline, or topic), generate a single self-contained HTML file that works as a slide presentation in any browser.

Output Format

A single HTML file using reveal.js CDN. The file must be:

  • Self-contained (no local dependencies)
  • Dark theme by default (professional, high contrast)
  • Responsive (works on any screen size)
  • Keyboard navigable (arrow keys, spacebar)
  • HTML Template

    
    
    
        
        
        [TITLE]
        
        
        
        
    
    
        
    [SLIDES HERE]

    Slide Structure Rules

    Title slide

    [Title]

    [Subtitle or author]

    Content slide (bullets)

    [Heading]

    • [Point 1]
    • [Point 2]
    • [Point 3]

    Stat slide (for impact numbers)

    43.3%

    GPU sits idle during tool execution

    Matches Kim et al.'s 30-55% finding (HPCA 2026)

    Code slide

    [Heading]

    [code here]

    Quote slide

    "[Quote text]"

    β€” [Attribution]

    Design Rules

  • Maximum 5 bullet points per slide β€” if more, split into 2 slides
  • Maximum 15 words per bullet point
  • One big idea per slide
  • Use stat slides for impressive numbers (big font, high impact)
  • Use code slides only when showing actual code
  • Title slide + 8-15 content slides + closing slide is ideal
  • Add speaker notes with
  • Commands

    From text

    User: "Make slides about [topic]"
  • Generate 10-12 slides covering the topic
  • Save as [topic]-slides.html
  • From markdown

    User: "Turn this into slides: [markdown]"
  • Convert headings to slide titles
  • Convert bullets to slide content
  • Each ## heading = new slide
  • From outline

    User: "Slides from this outline: 1. Intro 2. Problem 3. Solution 4. Results"
  • Each outline item = 1-2 slides
  • Add content based on context
  • Rules

  • Always output a SINGLE HTML file β€” no external dependencies except CDN
  • Dark theme by default. Light theme only if user requests it.
  • Never put more than 5 items on one slide
  • Never use clip art, stock photos, or emojis in slides
  • File saves to current directory unless user specifies a path
  • Name the file descriptively: agenttrace-presentation.html, not slides.html
  • πŸ”’ Constraints

  • Always output a SINGLE HTML file β€” no external dependencies except CDN
  • Dark theme by default. Light theme only if user requests it.
  • Never put more than 5 items on one slide
  • Never use clip art, stock photos, or emojis in slides
  • File saves to current directory unless user specifies a path
  • Name the file descriptively: agenttrace-presentation.html, not slides.html