skills.rest
flatrick
flatrickCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate zero-dependency HTML presentations with animations from scratch or PowerPoint files.

1|Updated Mar 4, 2026
Search Tags:#html#css#presentation#animation#slides#ppt conversion
One-click install
npx skills add https://github.com/flatrick/mdt --skill frontend-slides-flatrick
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/flatrick/mdt/tree/main/claude-template/skills/frontend-slides
Command: npx skills add https://github.com/flatrick/mdt --skill frontend-slides-flatrick

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps users create visually appealing, animation-rich HTML presentations without needing design expertise or complex tools, making slide creation accessible and efficient.

Core Features & Use Cases

  • Presentation Creation: Build new HTML presentations from scratch based on a topic or notes.
  • PPT/PPTX Conversion: Convert existing PowerPoint files into interactive HTML slides.
  • Style Exploration: Assists users in discovering their preferred aesthetic through visual previews.
  • Use Case: A user needs to create a presentation for a conference talk and wants it to look modern and engaging, but they are not a designer. This skill can generate a zero-dependency HTML presentation with custom animations and a distinct visual style.

Quick Start

Generate a new HTML presentation about the future of AI.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PowerPoint files to HTML slides?▼

Yes, you can build HTML presentations from scratch by providing a topic or notes. The Skill generates zero-dependency slides with custom animations, viewport fit, and accessibility standards.

What is the best way to create animation-rich HTML presentations without design expertise?▼

The best way to create animation-rich HTML presentations without design expertise is using a Skill that enforces production quality, viewport fit, and distinctive visual styles automatically from your text input.

Can I build a zero-dependency presentation for a conference talk using HTML and CSS?▼

Yes, you can build a zero-dependency presentation for a conference talk using HTML and CSS. The Skill generates standalone slides with custom animations and accessibility standards directly from your topic.

Does this HTML presentation generator work without external libraries or frameworks?▼

Yes, this approach handles viewport fit and accessibility standards natively. The Skill enforces production quality constraints, ensuring your HTML presentations display correctly across screen sizes and remain accessible.

How do I explore different visual styles for my HTML presentation?▼

You can explore different visual styles for your HTML presentation by using the Skill's style exploration feature, which assists in discovering your preferred aesthetic through visual previews before finalizing the slides.

Related Skills

Explore More Design & Creative Skills→
khunglong-03khunglong-03

frontend-slides

Generate animation-rich HTML presentations from notes or PPT/PPTX files.

Community
Intermediate
0dot770dot77

lecture-slides

Generate HTML lecture slides from course notes or Markdown files.

Community
Advanced
aresbitaresbit
46

frontend-slides

Convert PowerPoint files into zero-dependency HTML slide decks.

Community
Advanced
sogadaikisogadaiki

revealjs

Generate reveal.js HTML presentations from structured outlines with custom themes and charts.

Community
Advanced