skills.rest
sudohakan
sudohakanCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

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

Updated Aug 27, 2026
Search Tags:#design#html#presentation#pptx#animation#slides
One-click install
npx skills add https://github.com/sudohakan/claude-code-dotfiles --skill frontend-slides-sudohakan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/sudohakan/claude-code-dotfiles/tree/main/config/skills/community-skills/frontend-slides
Command: npx skills add https://github.com/sudohakan/claude-code-dotfiles --skill frontend-slides-sudohakan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of visually appealing, animation-rich HTML presentations, making it easy for users to build slides without design or coding expertise.

Core Features & Use Cases

  • Presentation Generation: Create zero-dependency HTML presentations from scratch.
  • PPT Conversion: Convert PowerPoint files (.pptx) into web-based slides.
  • Customizable Styles: Offers a variety of curated design aesthetics to choose from.
  • Use Case: A user needs to create a pitch deck for a new product. They can provide their content and choose a modern, professional style, and the Skill will generate a complete, interactive HTML presentation.

Quick Start

Use the frontend-slides skill to create a new 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 a PowerPoint file to an HTML presentation?▼

You can convert PowerPoint files (.pptx) to HTML presentations by supplying the file to the skill, which transforms the slides into a zero-dependency, web-based format with animation-rich styling.

What is a zero-dependency HTML presentation and how does it work?▼

A zero-dependency HTML presentation is a web-based slide deck that requires no external libraries or frameworks to run, generated from scratch or from a .pptx file with viewport fitting and animation support.

Can I create animated slides without any web design or coding experience?▼

Yes, non-designers can generate visually engaging HTML slides by providing content and selecting a curated design aesthetic, completely bypassing the need for manual HTML or CSS coding.

Do I need python-pptx installed to convert PPTX files to web slides?▼

Yes, python-pptx is a required dependency for the skill to read and convert PowerPoint (.pptx) files into animation-rich HTML presentations, though zero-dependency refers to the final output.

What is the best way to build a pitch deck with custom design aesthetics?▼

The best way to build a pitch deck is to provide your product content to the skill and choose a modern, professional style, which automatically generates a complete, interactive HTML presentation.

Are there content density limits when generating HTML slides?▼

Yes, the skill applies content density limits and viewport fitting rules during slide generation to ensure optimal readability and presentation layout across different screen sizes.

Related Skills

Explore More Design & Creative Skills→
XJTLUmediaXJTLUmedia
28

pptx

Create, edit, and analyze PowerPoint .pptx files with templates and HTML.

Community
Advanced
vishalsachdevvishalsachdev
1

chartjs-generator

Generate interactive Chart.js visualizations as complete MicroSim bundles for iframe embedding.

Community
Intermediate
PriyanshKuniyalPriyanshKuniyal

interaction-design

Design microinteractions, motion, and transitions for web interfaces using HTML and CSS.

Community
Intermediate
aresbitaresbit
46

frontend-slides

Convert PowerPoint files into zero-dependency HTML slide decks.

Community
Advanced