skills.rest
arjitj2
arjitj2COMMUNITY
Explore all skills by this author →
Website𝕏@ArjitJaiswal7GitHub

frontend-slides

Creates zero-dependency HTML presentations and converts PowerPoint files to browser-based slide decks.

Updated Mar 20, 2026
Search Tags:#presentation#animation#slides#frontend design#powerpoint conversion#html deck#viewport fitting
One-click install
npx skills add https://github.com/arjitj2/arjit-skills --skill frontend-slides-arjitj2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/arjitj2/arjit-skills/tree/main/skills/frontend-slides
Command: npx skills add https://github.com/arjitj2/arjit-skills --skill frontend-slides-arjitj2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create presentation decks that look distinctive, feel professional, and always fit cleanly within the viewport. It is designed for people who want browser-based slides without wrestling with generic layouts, overflow bugs, or a build pipeline.

Core Features & Use Cases

  • Create HTML presentations from scratch with zero dependencies and inline CSS and JavaScript.
  • Convert PowerPoint decks to web slides while preserving a polished, animation-rich presentation experience.
  • Design around images and style previews by evaluating assets, selecting visual directions, and generating presentation-ready layouts.
  • Enforce viewport safety so every slide stays fully visible on desktop, tablet, and mobile screens.
  • Use case: Build a pitch deck, conference talk, product overview, or tutorial that feels custom-crafted instead of template-driven.

Quick Start

Create a new presentation for my topic, help me choose a style, and generate a zero-dependency HTML slide deck that fits every slide to the viewport.

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 presentation into an HTML slide deck?▼

This Skill converts PowerPoint files into browser-based HTML slide decks by generating zero-dependency output with inline CSS and JavaScript, preserving animation-rich visuals and strict viewport fitting without requiring a build pipeline.

How do I make HTML slides fit the viewport without scrolling on mobile screens?▼

HTML slides fit the viewport without scrolling by applying responsive clamp-based styling and strict viewport safety rules, ensuring every slide stays fully visible across desktop, tablet, and mobile screens.

Can I create an animation-rich presentation from scratch using only HTML and CSS?▼

Yes, you can create animation-rich HTML presentations from scratch with zero dependencies, using inline CSS and JavaScript to build custom-crafted pitch decks, talks, and tutorials that avoid generic template-driven layouts.

Do I need any external libraries or build tools to generate a web-based slide deck?▼

No external libraries or build tools are needed to generate a web-based slide deck. The output is entirely zero-dependency HTML with inline CSS and JavaScript, requiring no build pipeline to display correctly in a browser.

What is the best way to design presentation slides around existing images and assets?▼

The best way to design slides around images is by evaluating the provided assets, selecting visual directions, and generating presentation-ready layouts with image-aware structure that fits cleanly within the viewport.

Related Skills

Explore More Design & Creative Skills→
aiyinluyaaiyinluya
2

sn-ppt-standard

Generate PowerPoint decks from user queries and document context via HTML-to-PPTX export.

Community
Advanced
vishalsachdevvishalsachdev
1

chartjs-generator

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

Community
Intermediate
hathbangerhathbanger

brand-architect

Generate SVG logos, color palettes, and typography from a brand brief.

Community
Intermediate
Mathews-TomMathews-Tom
310

html-presentation

Convert documents, outlines, or markdown into self-contained HTML slide presentations.

Community
Advanced