← ClaudeAtlas

design-obs-scene-packlisted

Generate an OBS scene pack — single 1920×1080 transparent HTML file with hash-routed scenes for additional broadcast layouts beyond the basic stream-overlay set. Scenes (#just-chatting,
slogsdon/skills-design · ★ 2 · Web & Frontend · score 73
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