skills.rest
yandy-r
yandy-rCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Create zero-dependency HTML presentations with inline CSS/JS and keyboard navigation.

1|Updated Mar 4, 2026
Search Tags:#design#presentations#html#accessibility#css#slides#viewport-fit
One-click install
npx skills add https://github.com/yandy-r/claude-plugins --skill frontend-slides-yandy-r
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/yandy-r/claude-plugins/tree/main/.cursor-plugin/skills/frontend-slides
Command: npx skills add https://github.com/yandy-r/claude-plugins --skill frontend-slides-yandy-r

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill enables users to create presentation decks that run entirely in the browser with no external dependencies, delivering consistent typography, navigation, and responsive behavior across devices.

Core Features & Use Cases

  • Zero-dependency decks: generate self-contained HTML slides that require no external libraries.
  • PPTX to HTML conversion: convert PowerPoint exports into HTML decks while preserving layout and typography.
  • Viewport-fit & accessibility: enforce viewport-fit, clamp typography, keyboard navigation, and responsive design across breakpoints.

Quick Start

Generate a 10-slide HTML presentation using the Bold Signal preset and export as presentation.html.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create HTML presentations with no external dependencies?▼

To create HTML presentations with zero dependencies, you generate self-contained slide decks using inline CSS and JavaScript, eliminating the need for external libraries while maintaining consistent browser-based rendering.

Can I convert PPTX files to HTML slides while preserving layout?▼

Yes, you can convert PPTX to HTML slides by transforming PowerPoint exports into self-contained HTML decks, preserving the original layout and typography during the conversion process.

What is viewport-fit and clamp-based typography for web slides?▼

Viewport-fit and clamp-based typography for web slides ensure responsive text sizing across breakpoints, dynamically scaling fonts to fit different screen dimensions while maintaining accessibility standards.

Does this approach to building slide decks support keyboard navigation?▼

Yes, this approach to building slide decks supports keyboard navigation, integrating accessible controls directly into the generated HTML so users can navigate slides without external libraries.

What is the best way to style conference slides using HTML and CSS?▼

The best way to style conference slides using HTML and CSS is applying mood-to-preset mapping, generating inline styles that enforce responsive viewport-fit and accessible typography without external dependencies.

Do I need external libraries to run browser-based presentations?▼

No, you do not need external libraries to run browser-based presentations, as the generated HTML files contain all inline CSS and JavaScript required for consistent rendering and navigation.

Related Skills

Explore More Design & Creative Skills→
xu-mengnanxu-mengnan

pptx

Create, edit, and analyze PowerPoint .pptx files via OOXML.

Community
Intermediate
decocmsdecocms
396

slides

Generate editable HTML slide decks from JSON data with live preview.

Official
Advanced
samymitysamymity
1

frontend-slides

Generate zero-dependency HTML slide decks with viewport-fit animations and navigation.

Community
Advanced
ChrisTowlesChrisTowles
4

slidev

Create and edit Slidev presentation slides with Markdown and YAML frontmatter.

Community
Intermediate