Cursor · Frontend Slides skill

Frontend Slides

Build beautiful, animation-rich HTML presentations — zero dependencies, one file.

Zero dependencies

Single HTML file with inline CSS and JS
No npm, no build step, no frameworks
Runs in any browser; easy to host or share
Open the file and present

Show, don’t tell

The skill helps you choose a style by showing it. Instead of “minimal or bold?”, you get three visual previews and pick what you like.

Discover your aesthetic by seeing it — no design jargon required.

Viewport fitting

Every slide = exactly one screen (100vh / 100dvh)
No scrolling inside a slide; content scales with clamp()
Responsive breakpoints for short and narrow viewports
Works on desktop, tablet, and phone

Built-in behavior

Keyboard

Arrow keys and Space to move between slides

Progress

Bar and dots show where you are

Reveal

Elements animate in when a slide enters view

Scroll snap

Smooth, one-slide-at-a-time scrolling

Style presets

Bold Signal, Neon Cyber, Dark Botanical, Notebook Tabs, Pastel Geometry, Swiss Modern, Terminal Green, and more — each with its own typography, colors, and motion.

Try it

Ask Cursor to create or convert a presentation using the Frontend Slides skill.