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

Ready to run

npx skills add https://github.com/flatrick/mdt --skill frontend-slides-flatrick

💬 Prompt for ChatGPT / Claude Chat▼

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.