frontend-slides

Generate zero-dependency animated HTML presentations from Markdown and PPTX inputs.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/BobbyCats/cursor-skills --skill frontend-slides-bobbycats
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/BobbyCats/cursor-skills/tree/main/frontend-slides
Command: npx skills add https://github.com/BobbyCats/cursor-skills --skill frontend-slides-bobbycats

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill generates zero-dependency, animated HTML presentations directly from your content, eliminating the need for complex build tools and offering a sleek, self-contained output.

Core Features & Use Cases

  • Zero-Dependency HTML Slides: Create single-file presentations with inline CSS and JS.
  • Markdown/PPT Conversion: Convert existing Markdown files or PPTX presentations into web-based slides.
  • Customizable Styles: Choose from 16 pre-defined style presets or customize your own.
  • Use Case: Transform a project proposal document written in Markdown into a visually engaging HTML presentation for a client meeting.

Quick Start

Use the frontend-slides skill to create a new presentation from the markdown file named 'project-proposal.md'.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert Markdown to an HTML presentation?

You can convert Markdown to an animated HTML presentation by processing your file to generate a self-contained, zero-dependency HTML file with inline CSS and JS. This directly transforms your text content into web-based slides for pitches or reports.

Can I convert PPTX to web-based slides without complex build tools?

Yes, you can convert PPTX files directly into animated HTML presentations without complex build tools. The system generates a zero-dependency, self-contained HTML file from your PPTX input, creating web-based slides for online sharing.

Does this HTML presentation generator support Chinese typography optimization?

Yes, the HTML presentation generator supports Chinese typography optimization alongside viewport fitting and placeholder image management. This ensures your web-based slides display correctly across different screen sizes and language contexts.

What are the style options for creating animated HTML slides?

When creating animated HTML slides, you can choose from 16 pre-defined style presets or customize your own styles. These options allow you to generate visually engaging presentations suitable for various professional contexts like client meetings.

Do I need external dependencies to display the generated HTML slides?

No, you do not need external dependencies to display the generated HTML slides. The output is a single-file presentation with inline CSS and JS, ensuring the animated HTML slides work independently for online sharing.