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.