---
title: "Reconstructed Slides: How LLMs work for Web Devs: GPT in 600 lines of Vanilla JS - Ishan Anand"
category: "slides"
video_id: "ZuiJjkbX0Og"
sourceLabels: ["Cropped public YouTube video frames", "Local OpenCV slide-region detection", "Local RapidOCR"]
---

# Reconstructed Slides: How LLMs work for Web Devs: GPT in 600 lines of Vanilla JS - Ishan Anand

## Source Video
[How LLMs work for Web Devs: GPT in 600 lines of Vanilla JS - Ishan Anand](https://www.youtube.com/watch?v=ZuiJjkbX0Og)

## Method
This deck is reconstructed from the existing video frame captures by detecting likely slide regions with OpenCV, cropping/upscaling those regions, deduplicating similar crops, and OCRing the cropped slide images locally. It is a cleaner companion to the full-stage frame deck.

## Reconstructed Slides
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-001.jpg]]

- Source frame: `slide-001.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `160.13`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-002.jpg]]

- Source frame: `slide-002.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `176.62`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-003.jpg]]

- Source frame: `slide-003.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `165.6`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-004.jpg]]

- Source frame: `slide-004.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `166.68`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-005.jpg]]

- Source frame: `slide-005.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `177.55`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-006.jpg]]

- Source frame: `slide-006.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `176.22`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-007.jpg]]

- Source frame: `slide-007.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `175.72`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-008.jpg]]

- Source frame: `slide-008.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `167.11`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-009.jpg]]

- Source frame: `slide-009.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `178.11`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-010.jpg]]

- Source frame: `slide-010.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `167.16`
![[assets/reconstructed-slides/ZuiJjkbX0Og/slide-011.jpg]]

- Source frame: `slide-011.jpg`
- Crop: `full` `[0, 0, 960, 540]` score `176.8`
## Dense Scene-Detected Slide Candidates
- [[youtube-ZuiJjkbX0Og-dense-slides]]