frontend-slides

Create animation-rich HTML presentations with responsive viewport fitting.

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/Gitnapp/Skills --skill frontend-slides-gitnapp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Gitnapp/Skills/tree/main/creative/frontend-slides
Command: npx skills add https://github.com/Gitnapp/Skills --skill frontend-slides-gitnapp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users overcome the difficulty of creating visually distinctive, polished presentations by generating animation-rich HTML slides without requiring advanced design or frontend development expertise.

Core Features & Use Cases

  • HTML Presentation Creation: Builds zero-dependency, browser-based slide decks with custom typography, layouts, animations, and responsive viewport fitting.
  • PowerPoint Conversion: Converts existing PPTX files into web presentations while preserving extracted text, images, slide order, and notes.
  • Visual Style Discovery: Guides users through selecting a presentation aesthetic using generated previews and curated design presets for pitches, talks, tutorials, and internal presentations.

Quick Start

Use the frontend-slides skill to create a visually engaging HTML presentation for my upcoming pitch deck.

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 animations without frontend design skills?

You can generate animation-rich HTML presentations by applying curated visual style presets and responsive viewport constraints, producing zero-dependency browser-based slide decks without requiring advanced frontend design skills.

Can I convert PPTX files to web presentations while preserving content?

Yes, you can convert PPTX files to web presentations using python-pptx to extract text, images, slide order, and notes, then transforming that extracted content into self-contained HTML slides.

What's the best way to build a cinematic pitch deck for a web browser?

The best way to build a cinematic pitch deck is generating self-contained HTML slides with custom typography, layouts, and animations, eliminating the need for external presentation software or frontend development expertise.

Do I need to know CSS or JavaScript to build web presentations with this approach?

No, you do not need to know CSS or JavaScript, because the system handles custom typography, layouts, and animations automatically, directly outputting self-contained HTML files for your presentation.

Does python-pptx support extracting images and notes for PowerPoint to HTML conversion?

Yes, python-pptx supports extracting text, images, slide order, and notes from PPTX files, which are then used to reconstruct the presentation as an animation-rich HTML web presentation.

What visual styles are available for conference talks and internal presentations?

Curated visual style presets are available for pitches, conference talks, tutorials, and internal presentations, allowing you to select an aesthetic through generated previews before finalizing your HTML slides.