skills.rest
cpich3g
cpich3gCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Creates web-accessible PDFs from text or image inputs with built-in preview and sharing options.

Updated Feb 25, 2026
Search Tags:#design#frontend#css#presentation#slides#viewport
One-click install
npx skills add https://github.com/cpich3g/ai-cost-optimiser --skill frontend-slides-cpich3g
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/cpich3g/ai-cost-optimiser/tree/main/.github/skills/frontend-slides
Command: npx skills add https://github.com/cpich3g/ai-cost-optimiser --skill frontend-slides-cpich3g

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend slides lets you create zero-dependency, animation-rich HTML presentations from scratch or by converting PPT/PPTX files, streamlining design-to-delivery for non-developers.

Core Features & Use Cases

  • Zero-dependency HTML slides with inline CSS/JS for portability and easy sharing.
  • PPT/PPTX to web slides conversion with content preservation and layout hints.
  • Guided style discovery workflow plus production-ready slide decks for pitches, tutorials, talks, and internal briefings.

Quick Start

Create a brand-new presentation or convert an existing PPT to a viewport-fitting HTML deck with a guided style workflow.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PPT to HTML presentation slides without dependencies?▼

The tool converts PPT/PPTX to HTML slides by extracting content and layout hints, producing a zero-dependency presentation with inline CSS/JS for maximum portability and easy sharing.

What is a zero-dependency HTML presentation and when do I need one?▼

A zero-dependency HTML presentation is a slide deck built with inline CSS/JS requiring no external libraries. You need it for portable pitches, tutorials, or conference talks where easy sharing is critical.

How do I create responsive HTML slides that fit the viewport?▼

Generate viewport-fitting HTML slides by applying CSS clamp() for responsive typography. The rendering pipeline enforces viewport constraints to produce decks that scale across screen sizes.

Can I build a pitch deck from scratch without any web design experience?▼

Yes, non-developers can build pitch decks from scratch using a guided style discovery workflow. The phase-driven pipeline handles content discovery, style previews, and final rendering automatically.

Does this HTML slide generator work offline without external libraries?▼

Yes, it works offline because the generated HTML slides use zero dependencies with inline CSS/JS. This ensures the presentation files are completely self-contained and require no external libraries to render.

What are the limitations of converting PPTX to web slides?▼

PPTX to web slides conversion focuses on content preservation and layout hints rather than exact visual fidelity. Complex PowerPoint animations or embedded objects may not translate directly into the HTML format.

Related Skills

Explore More Design & Creative Skills→
bkrishnamacharibkrishnamachari

frontend-slides

Generate self-contained HTML slide decks from user content or PPT/PPTX files.

Community
Advanced
maverickgao8848maverickgao8848
44

slidecraft

Generate animation-rich, zero-dependency HTML slide decks from scratch or PPT/PPTX.

Community
Advanced
yashvinthanyashvinthan

responsive-design

Implement responsive layouts with container queries, fluid typography, and CSS Grid.

Community
Intermediate
devMoezdevMoez
1

powerpoint

Create, read, and modify .pptx PowerPoint decks via Office Open XML workflows.

Community
Advanced