Annotated Presentation Creator

Create beautiful annotated slides for your presentations. See How I make annotated presentations for instructions.

Upload your presentation slides below. Enter "skip" as alt text to skip a slide.

Choose Images

Generate HTML from Your Slides

Execute the following template against the slides on the page. An escapeHtml() function is available.

Example Template

Here's a common template pattern:

<div class="slide" id="${filename}">
  <img loading="lazy" src="https://static.simonwillison.net/static/2025/building-apps-on-llms/${filename}" alt="${escapeHtml(alt)}" style="max-width: 100%" />
  <div><a style="float: right; text-decoration: none; border-bottom: none; padding-left: 1em;" href="https://simonwillison.net/2025/May/15/building-on-llms/#${filename}">#</a>
  ${markdownAsHtml}
  </div>
</div>