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.