What problem does it solve? Creating visually consistent, developer-styled HTML presentations from scratch is time-consuming, and generic slide templates rarely match the GitHub-dark aesthetic that technical audiences expect for MCP, Agent, and dev-tool tutorials. ## Core Features & Use Cases - Pre-styled full-deck template: Ships a complete 8-slide example deck with GitHub-dark #0d1117 background, purple-blue radial ambient light, 60px grid mask, purple pill tags, and tri-color gradient headings (#a855f7 to #60a5fa to #34d399). - Code-focused slide patterns: Includes GitHub-style code blocks with syntax color classes, numbered step layouts, comparison cards, stat cards, quote slides, and purple left-border highlight blocks. - Speaker notes and runtime integration: Supports hidden speaker notes via <aside class="notes"> and connects to the shared html-ppt keyboard runtime, themes, and animations through copy-and-rewrite or inline asset recipes. - Use Case: A developer advocate needs a changelog-style deck for an MCP server tutorial; this template provides the cover, setup steps, config code block, stats, and CTA slides with the exact visual identity already built. ## Quick Start Ask the AI to build a developer tutorial presentation using the html-ppt-obsidian-claude-gradient template, specifying the topic, target audience, and whether MCP or Agent configuration examples should be included.
