Descriptions:
Product builder Peter Yang walks through how he replaced PowerPoint and Google Slides entirely by building a custom /slides skill inside Claude Code that generates animated, interactive HTML slide decks from a rough content outline in a matter of minutes. The tutorial covers not just how to use the skill, but how to build your own version from scratch.
The skill architecture works in six stages: reading a workflow file (scale.md) and a templates file (styles.md), asking clarifying questions about audience and format, running optional web searches to enrich content, generating the full deck as a single HTML file, running a QA agent that renders each slide as an image and checks for layout bugs, and delivering the final result. The QA self-review step is a highlight — Claude identifies and fixes its own layout errors before the user ever sees the output. Twelve slide formats are included: two-column layouts, stat grids, comparison tables, step sequences, roadmaps, code blocks, quote slides, and fully interactive hover charts.
The video demonstrates a live deck generation in Claude Code using a “Claude Code best practices” topic targeted at product managers and developers, and shows three visual templates — default, dark, and light. Yang also benchmarks the approach informally: a deck that would take an hour to build manually is produced in a few minutes, with the ability to iterate further through conversation. For developers and knowledge workers who frequently create presentations, this tutorial offers a complete, copy-ready starting implementation.
📺 Source: Peter Yang · Published May 27, 2026
🏷️ Format: Hands On Build
