skills.rest
sumeetonline90
sumeetonline90COMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Create viewport-fitting HTML slide presentations from PowerPoint files.

Updated Jun 25, 2026
Search Tags:#presentation design#ppt conversion#pitch decks#html slides#viewport fitting#animation slides#web presentations
One-click install
npx skills add https://github.com/sumeetonline90/fitup_all --skill frontend-slides-sumeetonline90
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/sumeetonline90/fitup_all/tree/main/.cursor/.agents/skills/frontend-slides
Command: npx skills add https://github.com/sumeetonline90/fitup_all --skill frontend-slides-sumeetonline90

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the difficulty of creating cross-device compatible, visually distinctive HTML slide presentations that fit perfectly within any viewport without internal scrolling, and removes the friction of converting existing PowerPoint files to web-friendly formats without design expertise.

Core Features & Use Cases

  • Zero-dependency HTML presentations: Generate self-contained, animation-rich slide decks that run entirely in the browser with no external dependencies.
  • PPT/PPTX conversion: Convert existing PowerPoint files to web presentations while preserving slide order, speaker notes, and extracted assets.
  • Style exploration for non-designers: Help users discover their preferred visual aesthetic through interactive single-slide previews instead of abstract style questionnaires. For example, a startup founder preparing a pitch deck can use this Skill to convert their existing PPTX roadmap to a responsive HTML deck, or build a new animated presentation from rough notes without hiring a designer.

Quick Start

Use the frontend-slides skill to build a viewport-safe animated HTML presentation for your upcoming product pitch, using the rough notes you shared about the Q4 feature roadmap.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert a PowerPoint PPTX file to an HTML web presentation?▼

To convert a PowerPoint PPTX file to an HTML web presentation, this Skill processes the file while preserving slide order, speaker notes, and extracted assets. It outputs a self-contained, cross-device compatible HTML deck with no external dependencies.

Can I build HTML slide decks that fit any screen without internal scrolling?▼

Yes, you can build viewport-safe HTML slide decks that fit perfectly within any screen size without internal scrolling. The output enforces strict content density and viewport fitting rules to ensure cross-device compatibility.

Do I need external libraries to run animated HTML presentations in the browser?▼

No, you do not need external libraries to run animated HTML presentations. This Skill generates zero-dependency, self-contained slide decks that run entirely in the browser with built-in keyboard, touch navigation, and reveal animations.

What is the best way to create a pitch deck from rough text notes without a designer?▼

The best way to create a pitch deck from rough notes without a designer is using interactive single-slide previews to explore visual aesthetics. This process helps you discover your preferred style and generates an animated presentation directly from your text.

Does the generated HTML presentation support keyboard and touch navigation?▼

Yes, the generated HTML presentation supports both keyboard and touch navigation natively. It also includes accessibility support and reveal animations, ensuring the slides are fully interactive across desktop and mobile devices.

Are there limitations when converting complex PowerPoint files to HTML slides?▼

When converting complex PowerPoint files to HTML slides, the process focuses on preserving slide order, speaker notes, and extracted assets within a viewport-safe layout. Strict content density rules may require simplifying highly complex visual elements to prevent internal scrolling.

Related Skills

Explore More Design & Creative Skills→
dthuy62dthuy62

ck:pptx

Create and edit PowerPoint presentations with OOXML structure validation.

Community
Advanced
decocmsdecocms
396

slides

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

Official
Advanced
mykcsmykcs
1

frontend-slides

Create viewport-fitting HTML slide presentations from PPT/PPTX decks.

Community
Advanced
VidyFooVidyFoo
12

pptx-creating

Create and modify PowerPoint .pptx decks from HTML slides and templates.

Community
Advanced