Slide Title
Description of what this screenshot shows
```
---
## Go Bananas Image Generation (Optional)
If Go Bananas MCP is available, use it for professional hero images, backgrounds, and visual elements. The plugin works without Go Bananas - you can use any images.
```javascript
generate_image({
prompt: "Professional sports apparel manufacturing, athletic jerseys on production line, modern factory with red accent lighting, cinematic wide shot",
aspect_ratio: "16:9",
n: 3 // Generate options for user approval
})
```
**Best practices:**
- Always use `16:9` aspect ratio for slide backgrounds
- Generate 2-3 options before applying
- Include brand colors in prompt (e.g., "red accent lighting")
- Use descriptive, industry-specific prompts
See [go-bananas-guide.md](references/go-bananas-guide.md) for prompt templates, style modifiers, and post-processing workflow.
---
## Sharp Image Processing
Use Sharp for post-processing images before adding to slides.
**Common operations:**
- Darken backgrounds for text readability
- Add vignette effect (fade edges)
- Apply color tints/brand overlays
- Blur backgrounds
- Resize to slide dimensions (1920x1080)
**Example - Darken for text overlay:**
```javascript
await sharp('hero-image.jpg')
.resize(1920, 1080, { fit: 'cover' })
.composite([{
input: Buffer.from(`
`),
blend: 'over'
}])
.jpeg({ quality: 90 })
.toFile('hero-darkened.jpg');
```
See [sharp-guide.md](references/sharp-guide.md) for vignette effects, gradient overlays, color tints, and batch processing.
---
## Screenshot Capture
Use Playwright for authenticated app screenshots. See `scripts/capture-screenshots.js` for a complete template.
**Key patterns:**
```javascript
const { chromium } = require('playwright');
const VIEWPORT = { width: 1920, height: 1080 };
// Wait for dynamic content
await page.goto(url, { waitUntil: 'networkidle' });
await delay(5000); // Extra delay for data-heavy pages
// Login flow
await page.fill('input[type="email"]', email);
await page.fill('input[type="password"]', password);
await page.click('button[type="submit"]');
await page.waitForURL(/\/dashboard/);
```
See [screenshots-guide.md](references/screenshots-guide.md) for authentication flows, handling dynamic content, and batch capture scripts.
---
## HTML Slide Template
Standard slide dimensions: **720pt x 405pt** (16:9 ratio)
**Appendix screenshot slide:**
```html
Description of what this screenshot shows