skills.rest
Zenobia000
Zenobia000COMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Create self-contained HTML presentation decks with inline CSS and JS.

2|Updated Apr 7, 2026
Search Tags:#slide design#ppt conversion#pitch decks#html presentations#viewport fitting#browser-native slides#animation design
One-click install
npx skills add https://github.com/Zenobia000/ai-brainstorming --skill frontend-slides-zenobia000
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/Zenobia000/ai-brainstorming/tree/main/.claude/custom-rule%26skill/skills/frontend-slides
Command: npx skills add https://github.com/Zenobia000/ai-brainstorming --skill frontend-slides-zenobia000

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the friction of creating professional, animated presentation decks for talks, pitches, and workshops, removing the need for design expertise or clunky desktop software, and avoids generic template-style slides that fail to stand out.

Core Features & Use Cases

  • Zero-dependency HTML output: Generates a single self-contained HTML file with inline CSS and JS that runs in any browser with no external setup.
  • PowerPoint conversion: Converts existing .ppt/.pptx files to interactive web slides while preserving content, slide order, and speaker notes.
  • Visual style discovery for non-designers: Offers 12 curated visual presets with single-slide previews so users can pick an aesthetic without abstract style questionnaires.
  • Built-in accessibility and responsiveness: Enforces viewport-fit compliance across all device sizes, includes keyboard/touch navigation, and respects reduced motion preferences.
  • Use case: A solo founder preparing an investor pitch can convert their existing PowerPoint deck to a responsive, animated HTML presentation in minutes, or build a new workshop deck by selecting a visual preset after previewing 3 style options that match their desired mood.

Quick Start

Ask the AI to create a 12-slide pitch deck for your AI SaaS product using the Bold Signal visual preset, and it will generate a single self-contained HTML file you can open directly in any browser without any additional setup.

Frequently Asked Questions about frontend-slides

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

FAQPage Schema
How do I convert PowerPoint to HTML presentation slides?▼

This Skill converts PowerPoint to HTML presentation slides by transforming existing .ppt or .pptx files into interactive web slides while preserving content, slide order, and speaker notes.

Can I build browser-native HTML presentations without external dependencies?▼

Yes, you can build browser-native HTML presentations without external dependencies. The Skill generates a single self-contained HTML file with inline CSS and JS that runs in any browser without setup.

Do I need design expertise to create animated pitch decks in HTML?▼

No, design expertise is not needed to create animated pitch decks in HTML. The Skill offers 12 curated visual presets with single-slide previews so non-designers can pick an aesthetic easily.

Does viewport-fit compliance work across all device sizes for HTML slides?▼

Viewport-fit compliance works across all device sizes for HTML slides. The Skill enforces responsive layouts and includes built-in keyboard and touch navigation for accessibility.

What is the best way to make self-contained HTML slide decks for workshops?▼

The best way to make self-contained HTML slide decks for workshops is using a Skill that outputs a single file with inline CSS and JS, ensuring browser-native playback without external setup.

Related Skills

Explore More Design & Creative Skills→
khunglong-03khunglong-03

frontend-slides

Generate animation-rich HTML presentations from notes or PPT/PPTX files.

Community
Intermediate
sayasaya8039sayasaya8039
2

frontend-slides

Convert PowerPoint files to self-contained HTML presentations with animations.

Community
Intermediate
tan-yong-shengtan-yong-sheng
72

frontend-slides

Generate zero-dependency HTML slide decks with inline CSS and JS.

Community
Intermediate
ssimhanssimhan
1

frontend-slides

Convert PowerPoint slides or outlines into self-contained HTML slide decks.

Community
Advanced