skills.rest
ValenBorras
ValenBorrasCOMMUNITY
Explore all skills by this author →
𝕏@ValenBorras_GitHub

frontend-slides

Generate zero-dependency HTML presentations from content or PPTX inputs.

1|Updated Mar 18, 2026
Search Tags:#design#html#frontend#javascript#css#presentation#slides
One-click install
npx skills add https://github.com/ValenBorras/upscribe --skill frontend-slides-valenborras
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/ValenBorras/upscribe/tree/main/.github/skills/frontend-slides
Command: npx skills add https://github.com/ValenBorras/upscribe --skill frontend-slides-valenborras

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating engaging presentations often requires heavy tooling and setup; Frontend Slides enables zero-dependency, viewport-fitted HTML decks that run entirely in the browser.

Core Features & Use Cases

  • Zero-dependency HTML files with inline CSS and JS for portability.
  • PPT/PPTX to HTML conversion or fresh slide creation from topic notes.
  • Responsive, accessible slides with viewport-fit and motion controls.

Quick Start

Tell me your topic or paste your PPTX and I will generate a zero-dependency, viewport-fitted HTML presentation ready to run.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPTX to HTML for a browser-based presentation?▼

You can convert PPTX to HTML by generating a zero-dependency file with inline CSS and JavaScript. This creates a portable, viewport-fitted browser presentation that runs entirely offline without external libraries.

Can I create HTML slides from text content instead of importing a presentation file?▼

Yes, you can create fresh HTML slides directly from topic notes or text content. The skill generates a viewport-safe presentation with keyboard navigation, animation-rich transitions, and inline CSS and JavaScript.

Do I need any external JavaScript libraries or CSS frameworks to run HTML slides?▼

No external libraries are required. The generated HTML slides use inline CSS and JavaScript, ensuring zero dependencies for complete portability and offline accessibility without needing a framework.

What is the best way to make HTML presentations responsive and accessible?▼

The best way to make responsive HTML presentations is using a viewport-fitted approach with inline CSS. Adding keyboard navigation and reduced-motion support ensures full accessibility for all users.

How does keyboard navigation work in zero-dependency HTML slides?▼

Keyboard navigation in HTML slides works through inline JavaScript event listeners. It allows users to move between slides without external controls, maintaining offline accessibility and zero dependencies.

Are there limitations when using inline CSS and JavaScript for presentation slides?▼

Using inline CSS and JavaScript for slides limits external library integration and complex state management. However, it guarantees zero-dependency portability and viewport-fitted offline accessibility for browser-based presentations.

Related Skills

Explore More Design & Creative Skills→
SuperagentsysSuperagentsys
650

ppt-generator

Generates editable PPTX files with slide outlines, speaker notes, and formatted content from user-provided topics, audiences, languages, and slide counts.

Community
Advanced
tassiovaletassiovale
13

pptx-posters

Create HTML/CSS research posters with AI-generated visuals and export to PDF or PowerPoint.

Community
Advanced
abhishekdutta18abhishekdutta18

frontend-slides

Create and convert self-contained HTML presentations with inline CSS and JavaScript.

Community
Intermediate
2lab-ai2lab-ai

deck-simple

Design simple horizontal-swipe HTML presentation decks in 16:9 aspect ratio.

Official
Basic