Are the generated presentations mobile-friendly?

Absolutely. Every presentation includes responsive design, touch/swipe support, and viewport-optimized typography to ensure it looks great on any device.

How does the 'Show, Don't Tell' design phase work?

Instead of asking for abstract preferences, the skill generates three distinct visual style previews in a temporary directory, allowing you to see actual typography, colors, and animations before the full deck is built.

Does this skill require external libraries like Reveal.js?

No, the skill generates zero-dependency presentations with custom inline CSS and vanilla JavaScript for maximum performance, portability, and ease of hosting.

Is the code accessible and SEO-friendly?

Yes, the skill uses semantic HTML5 tags, provides ARIA labels, supports keyboard navigation, and includes CSS for users who prefer reduced motion.

Can I convert existing PowerPoint files into web slides?

Yes, the skill includes a specific PPT Conversion mode designed to extract content from .ppt and .pptx files and reorganize them into modern web layouts.

Frontend Slides Generator

Name: Frontend Slides Generator
Author: Tahir-yamin

byTahir-yamin

•

Design Tools

Generates high-performance, animation-rich HTML presentations from scratch or PowerPoint files using a visual-first design approach.

The frontend-slides skill empowers developers and non-designers to create professional, zero-dependency web-based presentations that run entirely in the browser. By generating visual style previews instead of asking abstract design questions, it helps users discover their ideal aesthetic while ensuring the final output is accessible, mobile-friendly, and features sophisticated scroll-triggered animations. Whether converting an existing PPTX or building a pitch deck from raw notes, this skill delivers production-quality code with distinctive typography and custom motion styles without relying on heavy external frameworks.

Key Features

01Interactive 'Show, Don't Tell' visual style exploration with mini-previews.

02Advanced scroll-triggered animations using Intersection Observer and CSS transitions.

035 GitHub stars

04Automated PowerPoint (PPT/PPTX) to modern web presentation conversion.

05Zero-dependency output generating single-file HTML/CSS/JS presentations.

06Full navigation support including keyboard, mouse wheel, touch, and progress tracking.

Use Cases

01Creating high-impact pitch decks for investors or clients with custom branding.

02Developing educational tutorials or conference keynotes with unique typography and motion.

03Transforming static PowerPoint files into interactive, high-performance web presentations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tahir-yamin/dev-engineering-playbook frontend-slides

For use in Claude.ai and ChatGPT

Download Skill