Ce101 Slides

• CE101-Master-Presentation-Styled.pptx - Styled PowerPoint
• workspace/thumbnails/slide-*.png - Individual slide images
• workspace/thumbnails/index.html - Browsable slide index

File Structure

ce101/
├── 01-core-concepts.md              ← Curriculum modules (source of truth)
├── 02-filesystem-organization.md
├── ...
├── 08-mcp-servers.md
│
├── CE101-Master-Presentation.md     ← Master slide deck (manually curated)
│
├── workspace/
│   ├── generate-presentation.js     ← Slide generator script
│   ├── thumbnails/                  ← Generated PNG previews
│   └── slides-html/                 ← Intermediate HTML files
│
└── scripts/
    ├── generate-slides.sh           ← Main automation
    ├── pptx-to-png.sh              ← PowerPoint → PNG converter
    └── view-slides.sh              ← Browser launcher

Core Workflows

1. Update Curriculum → Generate Slides

Workflow:

1. Edit curriculum modules (01-08.md)
2. Work with Claude to update CE101-Master-Presentation.md:
   • Extract key concepts from updated modules
   • Format as slide-friendly content (max 6-7 bullets per slide)
3. Generate slides:

   ./scripts/generate-slides.sh
   

4. Review:

   ./scripts/view-slides.sh
   

Example prompt for Claude:

I updated Module 3 (03-multi-tab-orchestration.md) with new content about
agent coordination. Help me extract the key concepts and update the relevant
section in CE101-Master-Presentation.md.

2. View Generated Slides

# Open in browser
./scripts/view-slides.sh

# Or directly:
open workspace/thumbnails/index.html  # macOS
xdg-open workspace/thumbnails/index.html  # Linux

3. Convert Any PowerPoint to PNGs

./scripts/pptx-to-png.sh <input.pptx> [output-dir]

# Example:
./scripts/pptx-to-png.sh CE101-Master-Presentation-Styled.pptx workspace/preview

Slide Format Guidelines

Master Markdown Format

The master presentation uses marp-style markdown with --- slide separators:

---