frontend-slides

Create zero-dependency HTML presentations and convert PPTX to web.

3|Updated Jan 14, 2022
One-click install
npx skills add https://github.com/bingran-you/bingran-you --skill frontend-slides-bingran-you
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/bingran-you/bingran-you/tree/main/repo-skills/frontend-slides
Command: npx skills add https://github.com/bingran-you/bingran-you --skill frontend-slides-bingran-you

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Non-designers often struggle to craft polished, animation-rich presentations or convert PPTX to web without dependencies, resulting in inconsistent aesthetics and manual rework.

Core Features & Use Cases

  • Zero-dependency HTML presentations with inline CSS/JS
  • PPTX-to-web conversion preserving text, images, and notes
  • 12 curated visual presets for rapid style discovery
  • Phase-based generation workflow to load resources on demand
  • Suitable for talks, classrooms, pitches, and workshops

Quick Start

Start a new presentation with Frontend Slides by invoking the /frontend-slides command.

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 presentation to an HTML web deck?

Converting PPTX to a web deck involves transforming presentation files into zero-dependency HTML with inline CSS/JS. This preserves text, images, and notes while enabling browser-based viewing without external dependencies.

What is the best way to create animation-rich HTML slides without dependencies?

Animation-rich HTML slides are created by enforcing inline CSS/JS within a single HTML file. This zero-dependency approach applies curated visual presets and phase-based loading to deliver polished presentations without external libraries.

Do I need design experience to build polished HTML presentations for a talk?

No design experience is required to build polished HTML presentations for talks. The system provides 12 curated visual presets and templates that automatically apply consistent aesthetics, enabling non-designers to create professional decks.

Can I use Playwright and python-pptx to automate slide conversion?

Playwright and python-pptx are used to automate slide conversion and web rendering. These dependencies enable the phase-based generation workflow that loads style presets, templates, and assets on demand to produce web-ready presentations.

Are there limitations when enforcing inline CSS and JS for web presentations?

Enforcing inline CSS and JS limits the use of external frameworks and shared stylesheets in web presentations. However, this constraint ensures the final HTML file remains completely self-contained and portable across different viewing environments.

When do I need a phase-based generation workflow for presentations?

A phase-based generation workflow is needed for presentations when you require rapid style discovery and resource optimization. It loads style presets, templates, and assets on demand, making it suitable for workshops, classrooms, and pitches.