frontend-slides

Create browser-based HTML slide decks from scratch or PPTX files.

2|Updated Apr 23, 2026
One-click install
npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill frontend-slides-gajjalaashok75-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/gajjalaashok75-UI/GakrCLI/tree/main/assets/skills/frontend-atlas/frontend-slides
Command: npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill frontend-slides-gajjalaashok75-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, Pillow, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you create professional, viewport-fitting presentation decks without wrestling with generic templates, layout overflow, or inconsistent styling. It also solves the pain of converting existing PowerPoint content into a browser-based format that is easier to customize and deliver.

Core Features & Use Cases

  • New presentation generation: Create a complete HTML slide deck from scratch with a chosen visual style, slide structure, and motion treatment.
  • PPTX conversion: Extract slides, text, images, and speaker notes from PowerPoint files and rebuild them as a self-contained web presentation.
  • Style discovery: Present multiple design directions so the user can choose a look and feel before full generation.
  • Viewport-safe layout: Enforce strict 100vh slide sizing, responsive scaling, and overflow prevention so every slide fits cleanly on screen.
  • Use case: A user uploads a pitch deck and wants it turned into a browser presentation with the same content, preserved images, and a more modern visual style.

Quick Start

Ask the skill to convert your presentation file into a single self-contained HTML slide deck with a modern style and preserved content.

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 PPTX file into an HTML presentation?

Converting a PPTX file into an HTML presentation involves extracting slides, text, images, and speaker notes from the PowerPoint file to rebuild them as a self-contained web deck. This process preserves original content and navigation behavior while applying modern visual styling.

What is the best way to build a browser-based slide deck with exact viewport fitting?

Building a browser-based slide deck with exact viewport fitting requires enforcing strict 100vh slide sizing, responsive scaling, and overflow prevention. This ensures every slide fits cleanly on screen without layout issues, using inline CSS and JavaScript for self-contained delivery.

Can I create a presentation from scratch using only HTML and inline CSS?

Yes, you can create a complete presentation from scratch using HTML, inline CSS, and JavaScript. This approach allows you to define a custom slide structure, apply chosen visual style presets, and implement motion treatments for a polished result.

Does converting PowerPoint to HTML preserve speaker notes and images?

Converting PowerPoint to HTML preserves speaker notes, images, and text content through PPTX extraction support. The extraction process captures these elements to ensure the rebuilt browser-based presentation retains the original deck's information and visual assets.

How do I choose a visual style for my HTML slide deck?

Choosing a visual style for your HTML slide deck involves a style discovery process that presents multiple design directions. You select a preferred look and feel from these options before the full generation of the presentation applies it consistently across all slides.

Why do my presentation slides overflow on different screen sizes?

Presentation slides overflow on different screen sizes when strict 100vh slide sizing and responsive scaling are not enforced. Applying viewport-safe layout rules with exact viewport fitting prevents overflow and ensures slides fit cleanly on any screen dimension.