Claude Code Just Killed PowerPoint

Get The Full Workflow & Prompts: https://www.skool.com/empire-os-4374 Repo: https://github.com/zarazhangrui/frontend-slides Partnerships, sponsorships, or SaaS demos — get in touch: Email: skylarmarketingagency@gmail.com ⏰ Timestamps: 00:00 - The Problem with AI-Generated Slide Decks 00:40 - Introducing the Frontend Slides GitHub Repo 01:16 - The 6-Phase Generation Workflow 02:12 - Default AI Slop vs. Frontend Slides 03:00 - Live Preview: Editing Slides in the Browser 03:35 - Demo 1: Photosynthesis Presentation 04:43 - Demo 2: AI Agents Slide Deck in Antigravity 06:56 - Final Thoughts & Next Steps Overview: If you’ve ever tried to use Claude Code to generate a slide deck or presentation, you already know it usually spits out generic, ugly "AI slop." The slides don't fit the screen, the fonts are terrible, it relies heavily on frameworks, and it’s an absolute nightmare to edit or share. Instead of spending hours fighting with formatting, what if your AI agent could build a stunning, fully responsive presentation in seconds? In this video, I break down a powerful new open-source GitHub repository called "frontend-slides." I'll show you how to plug this custom skill into your Antigravity IDE to create beautiful, zero-dependency HTML slide decks. You'll learn how to prompt the AI to generate multiple design styles, lock your viewports perfectly, and even click to edit the text directly in your browser before deploying or exporting to PDF. Key Features Covered: Frontend Slides Repo: An open-source Claude Code skill that turns a simple prompt into a fully formatted, beautifully designed slide deck. Zero Dependencies: Generates your entire presentation as a single, self-contained HTML file that can be opened on any device or browser. Visual Style Discovery: Prompts the AI to generate three distinct aesthetic presets so you can pick the perfect look for your brand. Viewport Locking: Automatically formats every single slide to perfectly fit 100vh, completely eliminating awkward scrolling or overflowing text. Inline Browser Editing: Allows you to easily click and edit any text directly on the live HTML presentation before finalizing or exporting.