← All resources

Claude · /frontend-slides

Create HTML slides with Claude

Prepare inputs, use the pack and check the result before reuse.

Follow the tutorial ↓

Before you start

Outline, audience, duration, branding and approved media. Supply the file for PPTX conversion.

HTML presentations with Claude: from message to browser testing →

1. Download the native pack

Keep the complete ZIP without extracting it. If already installed and enabled, skip to step 3.

Download the ZIP pack ↓

2. Install and enable in Claude

In Customize > Skills, use + > Create skill > Upload a skill to import the ZIP, then enable it. Check code execution and file creation. Attaching Markdown to a chat does not install a skill.

3. Prepare the inputs

Outline, audience, duration, branding and approved media. Supply the file for PPTX conversion.

4. Request and check the result

Create presentation.html with embedded resources, navigation and supplied content. Flag missing media. Check available reading support for PPTX.

A request to try

Use frontend-slides. Create presentation.html with embedded resources, navigation and supplied content. Flag missing media. Check available reading support for PPTX. Use attached sources, flag unavailable capabilities and missing inputs. Do not claim tool execution that did not happen.

5. Check the result

  • Compare output with sources and requested scope.
  • Check files and tools actually used.
  • Keep unresolved points and test a limited case.
Files and advanced installation
Download the ZIP pack ↓Native installation: official Claude help ↗View source ↗

With Claude Code already installed, run this command in your project terminal, restart Claude Code and invoke the skill with your data.

npx educasium --skill frontend-slides --global
Claude Code installation guide →