frontend-slides

Create self-contained HTML slide decks from content or PPT/PPTX files.

1.1k|200|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/gooseworks-ai/goose-skills --skill frontend-slides-gooseworks-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/gooseworks-ai/goose-skills/tree/main/skills/capabilities/create-html-slides
Command: npx skills add https://github.com/gooseworks-ai/goose-skills --skill frontend-slides-gooseworks-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides simplifies creating polished, viewport-perfect HTML presentations from content, eliminating dependency friction and enabling rapid, production-ready outputs.

Core Features & Use Cases

  • Zero-dependency HTML slides with inline CSS/JS for long-term portability and easy sharing.
  • PPT/PPTX conversion to HTML slides to preserve content and visuals.
  • Content-driven design workflow: discovery phase to generate style previews and produce a final presentation that exactly fits the viewport.
  • Focus on accessibility, responsive typography (clamp-based), and deterministic slide behavior.

Quick Start

Create a self-contained HTML slide deck from your content and export a ready-to-present file with no setup.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPTX to HTML slides without external dependencies?▼

Converting PPTX to HTML slides generates self-contained files with inline CSS and JS, ensuring zero-dependency delivery. Your presentation content and visuals are preserved while fitting the viewport perfectly for portable, ready-to-present outputs.

What is the best way to create HTML presentations that fit any screen size?▼

Creating HTML presentations that fit any screen size requires strict viewport fitting combined with clamp-based typography. This approach ensures responsive design and deterministic slide behavior, automatically adapting text and layout to match the display dimensions exactly.

Can I build animation-rich HTML slides from scratch using just my content?▼

Building animation-rich HTML slides from your content follows a design discovery workflow that generates style previews before producing the final presentation. You provide the text and visual style preferences, and receive a polished, self-contained HTML deck.

Do I need any external libraries or frameworks to share my HTML slide deck?▼

Sharing your HTML slide deck requires no external libraries or frameworks. The slides are built with zero dependencies, embedding all CSS and JavaScript inline for long-term portability, ensuring the file remains accessible and functional when shared.

Why does my HTML presentation not scale correctly across different viewports?▼

HTML presentations that do not scale correctly often lack strict viewport fitting and responsive clamp-based typography. Applying deterministic slide behavior with these constraints ensures the layout and text adapt precisely to varying screen dimensions without breaking.