Verified:GitHub

frontend-slides

Name: frontend-slides
Availability: InStock
Author: asochan-ai

Converts user-provided content into self-contained, zero-dependency HTML presentations with responsive, viewport-fitting slides.

Updated Mar 23, 2026

Search Tags:#design #html #accessibility #frontend #presentation #animation #slides

Ready to run

npx skills add https://github.com/asochan-ai/claude-plugins --skill frontend-slides-asochan-ai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/asochan-ai/claude-plugins/tree/main/plugins/frontend-slides/skills/frontend-slides
Command: npx skills add https://github.com/asochan-ai/claude-plugins --skill frontend-slides-asochan-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Slides solves the challenge of creating attractive, interactive slide decks without a heavy toolchain. It provides a zero-dependency HTML presentation engine that runs entirely in the browser, enabling non-designers to explore aesthetics and generate production-quality decks.

Core Features & Use Cases

Zero-dependency, self-contained HTML slides with inline CSS/JS.
Viewport-fitted slides (no internal scrolling) and responsive typography via clamp().
Guided style previews and presets to help non-designers select a look and feel.
Use Case: quickly turn a set of bullets into a polished pitch or report with animations and accessibility in mind.

Quick Start

Provide your slide content and preferred vibe to generate a ready-to-share HTML deck.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema

How do I convert my text content into an HTML presentation?▼

You can convert raw text content into an HTML presentation by providing your slide bullets and preferred visual style. The tool instantly generates a self-contained, ready-to-view HTML file with responsive typography and viewport-fitting slides.

Can I create a self-contained HTML slide deck without external dependencies?▼

Yes, you can create a zero-dependency HTML slide deck that runs entirely in the browser. All CSS and JavaScript are embedded inline within the single output file, requiring no external libraries or frameworks to function.

Does this HTML presentation generator support accessibility features?▼

Yes, the HTML presentation generator enforces accessible markup during the final HTML generation process. It ensures that the resulting slide decks are structured for accessibility while maintaining responsive clamp-based typography.

What is the best way to ensure slides fit the viewport without scrolling?▼

To ensure slides fit the viewport without internal scrolling, the generator enforces 100vh slide height constraints and uses clamp-based responsive typography. This automatically scales content to fit various screen sizes perfectly.

How do I choose a visual style for my HTML slides?▼

You can choose a visual style for your HTML slides using the built-in guided style previews and presets. These features help non-designers explore different aesthetics and select a look and feel before generating the final deck.