PluginBench
Skill
Review
Audit score 70

powerpoint

igorwarzocha/opencode-workflows

Create, design, and analyze PowerPoint presentations with precise layout control and design principles.

SourceView on skills.sh

What is powerpoint?

Handle PowerPoint (.pptx) creation, design, and analysis for pitch decks, status updates, and visual storytelling. Use when precise layout positioning and design principles are needed, or to audit and modify existing presentations.

  • Create high-fidelity slides from HTML with exact 720pt x 405pt positioning
  • Rasterize gradients and icons as PNGs for visual quality
  • Audit deck layouts by generating thumbnail grids for inspection
  • Duplicate, reorder, and populate slides using template scripts
  • Inject content into existing presentations via JSON inventory
  • Verify final output for text cutoff and overlap issues

How to install powerpoint

npx skills add https://github.com/igorwarzocha/opencode-workflows --skill powerpoint
Prerequisites
  • Node.js environment to run html2pptx.js and Python scripts
  • Sharp library for rasterizing gradients and icons
  • PptxGenJS for PowerPoint generation
Claude Code
Cursor
Windsurf
Cline

How to use powerpoint

  1. 1.Create HTML slides with 720pt x 405pt dimensions and text in semantic tags (p, h1-h6, ul)
  2. 2.Rasterize any gradients or icons as PNGs using Sharp before referencing in HTML
  3. 3.Run html2pptx.js to generate the initial presentation
  4. 4.Use scripts/thumbnail.py to generate a thumbnail grid and audit the layout
  5. 5.Use scripts/replace.py with JSON inventory to inject or update content across slides
  6. 6.Use scripts/rearrange.py to duplicate or reorder slides as needed
  7. 7.Generate a final thumbnail grid with --cols 4 to verify text alignment and overlap

Use cases

Good for
  • Create a 10-slide board meeting deck with consistent branding and layout
  • Convert a written report into a visual presentation using template mapping
  • Audit an existing presentation for layout problems and design inconsistencies
  • Duplicate and customize a template deck for multiple stakeholders
  • Build pitch decks with precise positioning of text, charts, and visuals
Who it's for
  • Product managers preparing board presentations
  • Sales teams creating pitch decks
  • Business analysts converting reports to visual formats
  • Designers building branded presentation templates
  • Anyone needing precise control over slide layout and design

powerpoint FAQ

What's the best way to create a new presentation from scratch?

Use HTML with 720pt x 405pt slide dimensions, place text in semantic tags (p, h1-h6, ul), rasterize any gradients/icons as PNGs with Sharp, then run html2pptx.js to generate the .pptx file.

How do I modify an existing presentation?

Generate a thumbnail grid with scripts/thumbnail.py to inspect the layout, use scripts/replace.py to inject new content via JSON, and scripts/rearrange.py to duplicate or reorder slides.

What fonts and colors should I use?

Use only web-safe fonts (Arial, Helvetica, Georgia). For colors in PptxGenJS, use hex codes WITHOUT the # prefix to avoid corruption.

How do I verify the final presentation looks correct?

Generate a final thumbnail grid using scripts/thumbnail.py with --cols 4 to inspect for text cutoff, overlap issues, and overall layout consistency.

Can I use custom gradients and icons?

Yes, but you must rasterize them as PNGs using Sharp first, then reference them in your HTML. Do not embed gradients directly in HTML.

Full instructions (SKILL.md)

Source of truth, from igorwarzocha/opencode-workflows.

name: powerpoint description: |- Handle PowerPoint (.pptx) creation, design, and analysis. Use for pitch decks, status updates, and visual storytelling. Use proactively when precise layout positioning and design principles are needed.

Examples:

  • user: "Create a 10-slide deck for the board meeting" -> use design principles + html2pptx
  • user: "Convert this report into a presentation" -> extract text and map to template
  • user: "Audit this deck for layout issues" -> generate thumbnail grid for inspection
<instructions> <powerpoint_professional_suite>

<high_fidelity_creation> The preferred method for precise layout positioning:

  1. HTML: Create slides (720pt x 405pt). Text MUST be in <p>, <h1>-<h6>, or <ul>.
  2. Visuals: You MUST rasterize gradients/icons as PNGs using Sharp FIRST. Reference: references/html2pptx.md.
  3. Execution: Run html2pptx.js to generate the presentation. </high_fidelity_creation>

<template_structure> For deck editing or template mapping:

  • Audit: Generate thumbnail grid (scripts/thumbnail.py) to analyze layout.
  • Duplication: Use scripts/rearrange.py to duplicate and reorder slides.
  • Text Injection: Use scripts/replace.py with the JSON inventory to populate content. </template_structure>

<design_quality>

  • Fonts: You MUST use web-safe fonts ONLY (Arial, Helvetica, Georgia).
  • Colors: You MUST NOT use the # prefix in PptxGenJS hex codes (causes corruption).
  • Layout: You SHOULD prefer two-column or full-slide layouts. You MUST NOT stack charts below text.
  • Verification: You MUST generate a final thumbnail grid with --cols 4 to inspect for text cutoff or overlap issues. </design_quality>

</powerpoint_professional_suite> </instructions>

Related skills

More from igorwarzocha/opencode-workflows and the wider catalog.

WO

word

igorwarzocha/opencode-workflows

|-

658 installsAudited