slide-creator — Claude Code skill: what it does, how to install
Builds 16:9 presentation slide decks using HTML and CSS, then renders them to PDF via headless Chromium.
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a claude-codeWhat slide-creator does
This skill generates presentations as web layouts and exports them to 16:9 PDF files. It uses CSS Grid and Flexbox instead of slide editing software. Output is strictly PDF rather than PowerPoint (.pptx), which keeps fonts, layouts, and colors intact across operating systems.
The process starts by selecting a scenario, such as an investor pitch, a keynote, or a research report. When no visual guidelines are supplied, the skill runs an art direction step: it asks 4 questions about your audience and style, renders 3 live preview options on a local page, and records the choice in style-brief.md.
Exporting to PDF depends on the playwright and PyMuPDF Python packages. You must install those pip dependencies beforehand, or the build pipeline will fail when headless Chromium attempts to print the HTML slides.
What it helps with
- generate a 16:9 investor pitch deck as a PDF
- build conference slides with CSS Grid and web typography
- preview visual themes side by side before generating full decks
- embed corporate logos and brand colors across all slides
Example prompts for the agent
- Create a 10-slide pitch deck for our funding round and export to PDF
- Build a conference keynote deck and show me 3 style previews first
- Generate a research report presentation in 16:9 aspect ratio
How to install slide-creator
1Skills CLI (Vercel)
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a claude-code2Manually: put the files in place
~/.claude/skills/slide-creator/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/slide-creator/
1Skills CLI (Vercel)
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a codex2Manually: put the files in place
.agents/skills/slide-creator/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a cursor2Manually: put the files in place
.cursor/skills/slide-creator/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install Starchild-ai-agent/official-skills slide-creator2Manually: put the files in place
.github/skills/slide-creator/SKILL.md1Skills CLI (Vercel)
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a gemini-cli2Platform CLI
gemini skills install https://github.com/Starchild-ai-agent/official-skills --path slide-creatorManually: put the files in place
.devin/skills/slide-creator/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about slide-creator
How to install slide-creator in Claude Code?
Run npx skills add Starchild-ai-agent/official-skills --skill slide-creator -a claude-code in your terminal. The configuration is stored in ~/.claude/skills/slide-creator/SKILL.md.
Does slide-creator export to PowerPoint?
No, it does not support .pptx files. It compiles slides with HTML and CSS, then outputs directly to PDF to preserve typography and layout.
What packages does slide-creator require?
It requires Python with playwright and PyMuPDF installed via pip. It also relies on headless Chromium to print the final PDF.
