design-obs-scene-packlisted
Install: claude install-skill slogsdon/skills-design
# Skill: obs-scene-pack
Produces ONE self-contained `obs-scene-pack.html` file at 1920×1080 with **transparent background** and three hash-routed scenes designed for distinct broadcast contexts:
| Hash | Use | Treatment |
|---|---|---|
| `#just-chatting` | host-on-camera segments (no game, no screen share) | Centered webcam frame + lower-third for show title + brand chrome at edges |
| `#fullscreen-game` | gameplay or screen-share dominates | Minimal corner-only brand watermark (does not obscure content) |
| `#guest-split` | host + guest both on camera | Two portrait frame zones side-by-side with named lower-thirds |
This skill EXTENDS the existing `stream-overlay` skill (which provides #starting / #brb / #webcam / #lower-third / #ending). Use them in combination for a complete broadcast workflow — `stream-overlay.html` for the per-stream chrome scenes; `obs-scene-pack.html` for the in-stream layout switches.
## When to use
- User has a basic stream overlay set already (from `/stream-overlay`) and needs additional in-stream layouts
- Stream format includes guest interviews, just-chatting segments, or gameplay
- A `DESIGN.md` exists for the brand
## Inputs
- **Required:** brand slug
- **Required:** show title / stream tagline (for the just-chatting lower-third)
- **Required:** streamer name + role/handle (for chrome on all scenes)
- **Optional:** guest scene defaults (placeholder names + roles for the split scene)
- **Optional:** webcam/guest frame dimensions if non-def