skills.rest
asochan-ai
asochan-aiOFFICIAL
Explore all skills by this author →
GitHub

frontend-slides

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

Related Skills

Explore More Design & Creative Skills→
inference-shinference-sh
688

social-media-carousel

Design multi-slide carousels for Instagram, LinkedIn, and Twitter/X with HTML-to-image conversion.

Official
Intermediate
s23hs23h

report-style-guide

Generate self-contained HTML data reports with metrics dashboards and charts.

Community
Intermediate
gtmvalleygtmvalley
2

redesign-existing-projects

Upgrade existing websites and applications through typography, color, layout, and interactivity improvements.

Community
Advanced
arbisoftarbisoft
4

frontend-slides

Convert PowerPoint decks or topic outlines into interactive HTML slides.

Official
Intermediate