Turn any idea, outline, or existing deck into a
professional presentation — straight from your AI coding tool.
Claude Code · OpenCode · Cursor · Codex
Bullets nobody reads. Tiny fonts. No hierarchy.
Purple gradients, Inter everywhere. Generic defaults.
Aligning boxes in PowerPoint. Fighting Keynote templates.
The promise
Just describe what you want.
Claude handles the rest.
Content discovery · structure planning · style selection · generation · validation
A Claude Code plugin that orchestrates the full workflow from raw idea to validated, production-ready presentation.
Single .html file · inline CSS/JS · no build
GSAP timelines · viewport-fitted · Mermaid diagrams · live contenteditable edit · single-file sharing.
Best for: conference talks, live demos, web embeds
Native OOXML .pptx · fully editable
PptxGenJS + skia-canvas text measurement · autoFontSize · native shapes · speaker notes · layout validators.
Best for: offline sharing, corporate handoff, editing
Topic, audience, duration, tone — extracted from your prompt or prior files.
Duration-indexed slide count with typed templates (title, content, metrics, code...).
Pick from 12 curated presets — or mix backgrounds across sections.
Delegates to html-slides or pptx-slides sub-skills.
Density limits, speaker notes, viewport fit, overlap detection — enforced via hooks.
Four ways — pick what fits your setup.
# Option 1 — CLI (recommended)
$ npx skills add proyecto26/slides-ai-plugin
# Option 2 — Claude Code marketplace
> /plugin marketplace add proyecto26/slides-ai-plugin
> /plugin install slides-ai-plugin
# Option 3 — Git submodule
$ git submodule add https://github.com/proyecto26/slides-ai-plugin.git \
.claude/slides-ai-plugin
# Option 4 — Fork & customize for your brand
$ gh repo fork proyecto26/slides-ai-plugin --clone# Inside Claude Code, OpenCode, Cursor, Codex...
> Create a 15-min conference talk about AI adoption
> for engineering teams — boldSignal style, both HTML and PPTX.
✓ slide-design skill triggers automatically
✓ content discovery → structure → style → generation → validation
✓ deck.html + deck.pptx delivered to cwdThat's it. Hooks validate. Speaker notes included.
Mix presets across sections for multi-mood decks
Density limits enforced. Long content auto-splits. Min body text 18pt — non-negotiable.
5–7 slides
Hook → 2–3 key points → CTA
12–18 slides
Intro → 3–4 sections → summary
25–35 slides
Title → agenda → 5–6 sections → Q&A
35–50 slides
Keynote structure with agenda
40–60 slides
Workshop with exercises
You pick
Override via .local.md frontmatter
SplitText · ScrollTrigger · spring physics · Remotion-inspired damping presets.
100vh/100dvh · overflow: hidden · clamp() typography.
prefers-reduced-motion respected · semantic HTML · CSS-only fallback.
Flowcharts · sequence diagrams · syntax highlighting — no build step.
contenteditable attributes let you tweak text live in the browser.
Inline CSS + JS. Open the .html anywhere. Ship.
TypeScript helpers run with npx -y bun. Auto-installed first run.
autoFontSize() fits paragraphs to exact boxes using real font metrics.
addFeatureGrid · addTimeline · addMetricsRow · addComparisonTable.
Pre-save checks: overlaps · bounds · font mins · bullet caps · speaker notes.
Every content slide gets slide.addNotes(). Enforced by Stop hook.
Editable by recipients. No rasterized images. Real OOXML.
Native plugin marketplace · hooks enabled.
Drop skills into .claude/skills.
Reference skill files as context.
Invoke via SDK with skill paths.
Skills are just markdown. Any agent that reads files can drive the pipeline.
Install the plugin. Describe your talk. Ship a deck your audience will remember.
github.com/proyecto26/slides-ai-plugin · MIT · Made with ❤ by Proyecto26