skills.rest
Islehecha
IslehechaCOMMUNITY
Explore all skills by this author →
GitHub

frontend-slides

Generate responsive HTML presentations with integrated animation and viewport-fitting CSS.

Updated Jul 1, 2026
Search Tags:#design#html#presentation#animation#slides#web
One-click install
npx skills add https://github.com/Islehecha/book-lens-codex --skill frontend-slides-islehecha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Islehecha/book-lens-codex/tree/main/.codex/skills/frontend-slides
Command: npx skills add https://github.com/Islehecha/book-lens-codex --skill frontend-slides-islehecha

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating professional, high-impact presentations without relying on bloated software or generic design templates, ensuring every slide is perfectly optimized for any screen size.

Core Features & Use Cases

  • Zero-Dependency Generation: Produces single-file HTML presentations with inline CSS and JS, requiring no build tools or external dependencies.
  • Viewport-Perfect Design: Enforces strict CSS constraints to ensure slides never scroll and always fit the user's viewport, regardless of device.
  • Visual Style Discovery: Uses a "show, don't tell" approach to help users select from curated, high-quality design presets like Bold Signal or Dark Botanical.
  • Use Case: Ideal for pitch decks, conference talks, or internal strategy meetings where a custom, high-performance, and visually distinct presentation is required.

Quick Start

Use the frontend-slides skill to create a new pitch deck presentation based on my provided notes.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I create HTML presentations from existing PowerPoint files?▼

HTML presentations are single-file outputs with inline CSS and JS, requiring no external dependencies or build tools. They enforce strict layout constraints and dynamic typography scaling to ensure slides always fit your viewport without scrolling.

How do I build a responsive HTML slide deck that fits any screen size?▼

You can generate a zero-dependency HTML presentation that enforces strict CSS layout constraints. It uses dynamic typography scaling and viewport-fitting CSS to ensure slides never scroll and consistently fit all display sizes.

Do I need external libraries or build tools to run these HTML slides?▼

No external libraries or build tools are needed to run these HTML slides. The skill produces single-file HTML presentations with inline CSS and JS, ensuring zero-dependency deployment and high-performance viewing.

Can I use python-pptx to convert PowerPoint content into animated slides?▼

Yes, the skill uses python-pptx to support converting existing PowerPoint files. It transforms your pptx content into web-native HTML slide decks with integrated animation and custom visual design presets.

What is the best way to make a custom pitch deck without bloated presentation software?▼

The best way is generating a single-file HTML presentation with curated design presets like Bold Signal or Dark Botanical. This approach avoids bloated software and generic templates while delivering animation-rich, perfectly optimized slides.

Related Skills

Explore More Design & Creative Skills→
hidariutiwahidariutiwa

pptx

Create, edit, and validate PowerPoint .pptx files via OOXML.

Community
Advanced
mykcsmykcs
1

frontend-slides

Create viewport-fitting HTML slide presentations from PPT/PPTX decks.

Community
Advanced
zhizhunbaozhizhunbao

dev-pptx_to_md

Convert PowerPoint PPTX presentations into Markdown documents.

Community
Basic
sakamoto-family-smilesakamoto-family-smile

frontend-slides

Convert PowerPoint content and draft notes into animation-rich HTML slide decks.

Community
Intermediate