Supprime PowerPoint, Claude Code fait 100x mieux

Main idea / what the tool does

• The speaker demonstrates Claude Code (a Claude-based coding environment) to generate hyper-interactive HTML presentations—slides built in HTML rather than PowerPoint.
• Compared to simply asking Claude to make a presentation on its own, the described workflow produces results that are more dynamic, memorable, and professionally designed.

What’s showcased about the HTML slide output

• Interactive + animated components
  • Moving UI elements
  • Animated graphics
  • Many small sub-components that make the presentation feel “alive”
• Auto-generated visuals tied to the topic
  • Diagrams and graphs can be generated automatically based on your prompts
  • Example behavior: graphs can “light up” depending on what you want to emphasize
• Template/brand styling
  • You can instruct the generator to follow the graphic design of a known brand (colors, fonts, typography)
  • Examples referenced:
    • Styles resembling Claude/Cloud
    • Apple
    • Figma
    • Uert (robot/car animation)
    • Spotify-like visuals (e.g., sound bar animation)

“Three levels” of making good HTML slides with Claude Code

1. Build enabling skills
   • Install/use a skill/workflow that can produce HTML slides.
2. Adapt to your visual identity
   • Match style guidelines (colors, fonts, brand rules).
3. Create dynamic components
   • Add custom animated diagrams/components relevant to the subject.

Installation / setup described

• Requires downloading Claude Code desktop (via a Downloads link).
• Inside Claude Code, there are three parts:
  • Chat (general chatbot)
  • Coworking space (working on files / executing requested actions)
  • Code mode (most powerful; “agent mode” for generating website/HTML assets like slides)
• Mentions running Claude Code with “antigravity” to update and manage HTML slide projects.
  • Alternative: use Claude Code without that third-party app.

Key resource/skill for “PowerPoint-like” output in HTML

• The video highlights downloading skills created by Zaraz Zang (noted as going viral, with ~1.3M impressions on X).
• A GitHub link is referenced (installed via commands in the Claude Code terminal).
• The skill enables generating HTML slide decks, initially demonstrated with a simple 3-slide test.

Brandbook workflow (to personalize to your company)

To match a specific brand identity:

• Easiest: provide a link to the design website you want to copy.
• Better: provide a Brandbook document that includes:
  • Color palette
  • Typography rules
  • Allowed/disallowed styles (e.g., bold)
  • Icon usage principles

Two approaches described:

• Build a brandbook (Claude can generate it).
• Or install a skill that lets Claude extract fonts/colors from a website to create the Brandbook automatically.

Then:

• Pass the brandbook file/link to Claude Code.
• Run a command to update the slides/skill so output follows the brand system.
• The speaker shows a clear before vs after improvement once the brandbook is applied.

Dynamic component library + customization

• The video describes a library of reusable dynamic diagrams/components, varying by style/complexity, including:
  • Simplified diagrams
  • More technical “terminal”-like visuals
  • 3D diagrams
  • “Blueprint mode” style
  • Sketch/drawing-style diagrams
• To create custom components:
  • In Claude Code’s terminal, prompt it to generate multiple HTML examples (e.g., 6 animated components).
  • Iteration is interactive: if components don’t fit, request new ones with more specific requirements (e.g., linear elements, line loads).
• Integration step:
  • After selecting preferred components, instruct Claude Code to rework existing slides to include them.
  • The results shown include animated buttons and component-level animations that make simple content behave like a video.

Adding photos to slides

Since slides are HTML, adding images is described as straightforward:

• Provide target slide numbers (e.g., slide 4 and 5).
• Tell Claude to search royalty-free images on a chosen site.
• Claude inserts images into the HTML slides with appropriate resolution/format and placement.

Main speakers / sources

• Primary speaker: the video narrator/demonstrator (not explicitly named)
• Referenced creator/source for the skill: Zaraz Zang (GitHub skill enabling HTML PowerPoint-style slides)
• Tool/platform mentioned: Claude Code (and references in subtitles to Claude/Claude-like “Cloud”)