Steve Jobs Style HTML Slides

The problem

Static slide decks often feel cluttered, corporate, and outdated. Designing minimalist, high-impact presentations manually takes hours of layout tweaking that distracts from the core narrative.

What it does

• Transforms raw scripts or outlines into a refined, presentation-ready Markdown script.
• Generates 8 to 20 vertical slides using a 9:16 aspect ratio optimized for mobile and modern displays.
• Outputs a single, self-contained HTML file with embedded CSS and logic for easy sharing.
• Applies a specific minimalist aesthetic featuring dark backgrounds, bold typography, and animated blurred light orbs.
• Includes built-in keyboard navigation, progress bars, and touch support for seamless delivery.

Frameworks & tools

TailwindCSS, Vue 3 (via CDN), Vanilla JavaScript, and HTML5.

Why this beats prompting it yourself

Standard LLM prompts often produce generic, text-heavy slides or fragmented code snippets. This skill enforces a specific 6-step workflow that ensures narrative rhythm, architectural consistency, and a polished visual identity without requiring external assets or build steps.

Use cases

• Create high-impact product launch decks for press or investor events.
• Build mobile-friendly pitch decks for quick review by stakeholders.
• Generate cinematic keynote slides for tech conferences and internal all-hands.
• Design polished educational content or tutorials for online courses.

Known limitations

Strictly vertical 9:16 layout. Designed specifically for dark, minimalist aesthetics; not suitable for colorful or playful branding. Complex data charts require external image exports.