skills.rest
legout
legoutCOMMUNITY
Explore all skills by this author →
𝕏@lignol23GitHub

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
One-click install
npx skills add https://github.com/legout/pi-config --skill frontend-slides-legout
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
pynbj1001pynbj1001
4

Pptx

Parse, inventory, edit, and generate PowerPoint presentations with Python and Node.js.

Community
Advanced
hiyeshuhiyeshu
205

codeck-export

Export HTML presentation decks to PDF and PPTX with automated quality checks.

Community
Advanced
RUSHYOPRUSHYOP

frontend-slides

Convert PowerPoint PPT/PPTX files into zero-dependency HTML slides.

Community
Advanced
luongldptitluongldptit

frontend-slides

Convert PowerPoint files to responsive HTML presentations with inline CSS and JS.

Community
Advanced