frontend-slides

Generate zero-dependency HTML presentations from scratch or PowerPoint files.

3|Updated Apr 2, 2026

Search Tags:#design #html #presentation #pptx #animation #web #slideshow

Ready to run

npx skills add https://github.com/legout/pi-config --skill frontend-slides-legout

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/legout/pi-config/tree/main/installed-skills/frontend-slides
Command: npx skills add https://github.com/legout/pi-config --skill frontend-slides-legout

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating professional, animation-rich presentations without requiring design expertise or complex build tools, while avoiding the generic aesthetic of AI-generated content.

Core Features & Use Cases

Visual Style Discovery: Generates visual previews to help you select an aesthetic that matches your intent.
Zero-Dependency Generation: Produces self-contained HTML files with inline CSS and JS that work in any browser.
PPT Conversion: Extracts content from existing PowerPoint files and transforms them into modern, responsive web slideshows.
Use Case: Quickly generate a high-impact pitch deck for a startup or convert a legacy corporate presentation into a shareable, interactive web experience.

Quick Start

Use the frontend-slides skill to create a new presentation about my AI startup pitch.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema

How do I create an animation-rich HTML presentation without external dependencies?▼

You can generate animation-rich HTML presentations that are completely self-contained with inline CSS and JS. This approach produces zero-dependency files that work in any browser without requiring complex build tools or external libraries.

Can I convert existing PowerPoint files into responsive web slideshows?▼

Yes, you can convert existing PPTX files into modern, responsive web slideshows. The tool extracts content from your PowerPoint files and transforms them into interactive HTML presentations using Python with python-pptx.

Do I need Node.js and Playwright to export my HTML slideshow to PDF?▼

Yes, Node.js with Playwright is required to generate PDF exports from your HTML slideshow. Python with python-pptx is also needed if you want to convert existing PowerPoint files into the web presentation format.

What's the best way to select a visual style for my HTML presentation?▼

The visual style discovery feature generates visual previews to help you select an aesthetic that matches your intent. This avoids the generic look of standard AI-generated content by letting you preview and choose specific visual styles.

How do I deploy my HTML presentation to Vercel or share it online?▼

The generated HTML slideshow supports deployment to Vercel, allowing you to share your presentation online. The responsive viewport fitting ensures your slides display correctly across different screen sizes when accessed via the web.

Can I create interactive web slideshows for a startup pitch deck without design expertise?▼

Yes, you can quickly generate high-impact pitch decks for startups without requiring design expertise. The tool creates professional, animation-rich presentations from scratch or by converting legacy corporate slides into interactive web experiences.