Professional HTML presentations with strong visual design, ported from Anthropic's official PPTX skill.
ai-servicers.com · February 2026
Anthropic released 4 official Agent Skills with Claude 4.6 — PPTX, XLSX, DOCX, and PDF. The PPTX skill has excellent presentation design standards, but there was no reveal.js equivalent.
We adapted the PPTX skill's design philosophy for our stack: self-contained HTML files deployed to nginx static sites.
Ported from Anthropic's PPTX skill — adapted for HTML
Colors should feel designed for THIS topic. If they'd work on any deck, they're not specific enough.
One color dominates at 60-70%. Supporting tones + one sharp accent. Never equal weight.
Every slide needs an icon, shape, gradient, code block, or image. Text-only slides are forgettable.
Vary columns, cards, stats, and callouts. Never repeat the same layout on consecutive slides.
Pick ONE distinctive element (cards with colored borders, icons in squares) and repeat it consistently.
Dark backgrounds for title + conclusion. Light (or consistent dark) for content. Bookend consistency.
Everything you need for professional reveal.js presentations
Each layout includes complete, copy-paste HTML/CSS with design guidance
Single HTML file, no build step. Latest reveal.js from cdnjs.
Override reveal.js variables + custom design tokens for consistency.
<aside class="notes"> — press S for speaker view.
Progressive reveals, animation styles, and slide transitions.
highlight.js plugin with line numbers, stepped highlighting.
Nested sections for sub-topics and optional deep dives.
Automatic morphing between slides via data-id matching.
Em-based sizing, semantic HTML, WCAG contrast guidance.
Adapted from the PPTX skill's rigorous "assume there are problems" philosophy.
No placeholders, TODOs, or lorem ipsum remaining
Consistent palette, contrast, varied layouts, visual elements
Valid HTML, CDN versions, plugins loaded, no JS errors
Font loaded, size hierarchy clear, body left-aligned, max 6 points/slide
Simply ask Claude Code to create a reveal.js presentation. The skill triggers automatically on keywords like slides, presentation, or deck.
"Create a presentation about our Q4 results"
"Make a reveal.js deck for the team onboarding"
"Build slides explaining our microservices architecture"
Skill location:
~/.claude/skills/
revealjs-presentation/
SKILL.md
Output format:
Single self-contained HTML file
- Inline <style> block
- CDN-hosted reveal.js 5.2.1
- Google Fonts (optional)
Deploy to:
/projects/nginx/sites/shared/
{name}/index.html
Served at:
https://nginx.ai-servicers.com/{name}/
Layout patterns
with full HTML/CSS
Color palettes
matched to topics
Reveal.js features
documented
Anti-boring rules
& QA checks
Don't create boring slides. Plain bullets on a white background won't impress anyone.
— Anthropic PPTX Skill Design Guide
Same design philosophy · Different output format · Simpler workflow
Just ask Claude to make a reveal.js presentation.
~/.claude/skills/revealjs-presentation/
Adapted from Anthropic's PPTX Skill · Built for ai-servicers.com · February 2026