Add device and web UI screenshots to README (#25)

## Summary
- Split README hero area into two sections: **Touchscreen Dashboard**
and **Web Interface**
- Added device touchscreen screenshot (`pitclaw-device.png`)
- Updated web UI screenshot (`pitclaw.png`)
- Each section has a heading and short description for a cleaner, more
professional layout

## Test plan
- [x] README renders correctly on GitHub with both image references
- [x] Placeholder filename `pitclaw-device.png` is referenced correctly
- [x] Existing `pitclaw.png` reference is preserved

Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: MrMatt57

.specs/017-readme-screenshots.md

@@ -0,0 +1,34 @@
+# 017: Update README Screenshots
+
+**Branch**: `feature/readme-screenshots`
+**Created**: 2026-02-18
+
+## Summary
+
+Update the README to showcase both the hardware device and the web UI. Add a second screenshot for the embedded touchscreen device and update the existing web UI screenshot reference.
+
+## Requirements
+
+- Add a hardware/device screenshot placeholder in `docs/media/` (filename: `pitclaw-device.png`)
+- Keep the existing web UI screenshot (`docs/media/pitclaw.png`) — user will replace the file with an updated version
+- Update `README.md` to display both screenshots prominently near the top
+
+## Design
+
+Update the hero section of the README (after the badges, before Features) to show two screenshots side by side or stacked:
+1. Hardware device photo (`pitclaw-device.png`) — placeholder file for now
+2. Web UI screenshot (`pitclaw.png`) — existing file, user will update the actual image
+
+Use a simple markdown table or inline images to display both.
+
+## Files to Modify
+
+| File | Change |
+|------|--------|
+| `README.md` | Update screenshot section to show both device and web UI images |
+
+## Test Plan
+
+- [x] README renders correctly on GitHub with both image references
+- [x] Placeholder filename `pitclaw-device.png` is referenced correctly
+- [x] Existing `pitclaw.png` reference is preserved

README.md

@@ -4,7 +4,17 @@
 
 Open-source BBQ temperature monitor and controller. Uses an ESP32-S3 with a 3.5" touchscreen to maintain precise smoker temperature via PID-controlled fan and optional servo damper. Reads Thermoworks-compatible thermistor probes. Includes a web interface (PWA) for remote monitoring from any phone or computer on Wi-Fi. Touchscreen works fully offline.
 
-![Pit Claw Web UI](docs/media/pitclaw.png)
+### Touchscreen Dashboard
+
+Real-time temperature display on the 3.5" capacitive touchscreen. Works fully offline — no Wi-Fi required.
+
+![Pit Claw touchscreen dashboard](docs/media/pitclaw-device.png)
+
+### Web Interface
+
+Browser-based PWA with live temperature graph, predictive done-time curves, and full cook session control. Access from any device at `http://bbq.local`.
+
+![Pit Claw web UI with temperature history graph](docs/media/pitclaw.png)
 
 ## Features