Frontend Slides

What it does

Create beautiful, single-file HTML presentations where each slide fits exactly one viewport. The skill provides layout rules, theme collections, and templates to produce a single .html file containing all CSS, JS, and content inline — no build tools required. It enforces viewport-fitting, responsive typography using clamp(), content density limits, and reduced-motion fallbacks for accessibility.

When to use it

Use this skill when you need a lightweight web-based presentation export (pitch decks, handouts, demos) that works offline and looks consistent across devices. Ideal for developers and writers who want a single-file distributable slide deck instead of PowerPoint or heavy frameworks.

What's included

• Scripts: none (has_references=true — includes templates and theme references)
• References: curated theme files, slide templates, component patterns, and animation recipes
• Instructions: clear principles (one-slide-per-viewport, clamp() sizing, content density rules), required base CSS, theme/font fallback strategy, and lists of slide types and creation workflow.

Compatible agents

Inferred: agents with code and web-generation capabilities (Claude Code, GitHub Copilot-style assistants, Codex-like models) — any agent that can output HTML/CSS and follow the provided templates.