make-slides

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

Updated Sep 21, 2024
One-click install
npx skills add https://github.com/JasonLo/code-template --skill make-slides
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: make-slides
Source: https://github.com/JasonLo/code-template/tree/main/%7B%7Bcookiecutter.project_name%7D%7D/.claude/skills/make-slides
Command: npx skills add https://github.com/JasonLo/code-template --skill make-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of visually appealing, zero-dependency HTML presentations, making it easy to build slide decks from scratch or convert existing PowerPoint files.

Core Features & Use Cases

  • New Presentation Creation: Generate presentations from text content, guided by user input on purpose and style.
  • PowerPoint Conversion: Convert .ppt or .pptx files into interactive HTML slides.
  • Style Exploration: Offers a guided process for users to discover and select presentation aesthetics through visual previews.
  • Viewport Fitting: Ensures all slides perfectly fit the screen without scrolling, crucial for a seamless viewing experience.
  • Use Case: A startup founder needs a pitch deck for investors. They can provide their rough notes, choose a "Bold Signal" style, and the Skill will generate a professional, animated HTML presentation ready to be shared.

Quick Start

Use the make-slides skill to create a new presentation about our Q3 product launch.

Frequently Asked Questions about make-slides

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

FAQPage Schema
How do I convert PowerPoint files to HTML presentations?

You can convert PowerPoint files to HTML presentations by uploading your .ppt or .pptx files. The tool transforms them into interactive, zero-dependency HTML slides with animations, maintaining a seamless viewing experience through strict viewport fitting.

Can I create animated HTML slides from scratch without external libraries?

Yes, you can generate animation-rich HTML presentations from scratch without external libraries. The tool creates zero-dependency slides directly from your text content, allowing you to discover and select aesthetics through visual style previews.

How do I ensure my HTML slides fit the screen without scrolling?

To ensure HTML slides fit the screen without scrolling, the tool enforces strict viewport fitting for all generated content. This guarantees a seamless viewing experience across devices by automatically adjusting slide dimensions to the screen size.

What is the best way to explore visual styles for an HTML presentation?

The best way to explore visual styles for an HTML presentation is using the guided style discovery process. The tool offers visual previews of different aesthetics, such as a 'Bold Signal' style, allowing you to select a professional look before generating the final slides.

Can I enhance an existing HTML presentation with new animations?

Yes, you can enhance existing HTML decks with new animations and styles. The tool supports importing your current HTML presentation files to refine them, adding animation-rich elements and enforcing strict viewport fitting for improved visual delivery.

Do I need any specific dependencies to view or present the generated slides?

No, you do not need any specific dependencies to view or present the generated slides. The tool produces zero-dependency, animation-rich HTML files that run natively in any standard web browser, ensuring universal accessibility without external frameworks.