design-youtube-channel-artlisted

# Skill: youtube-channel-art Produces a single self-contained HTML file containing **two pixel-exact canvases**: 1. **Full banner** (2560×1440) — the TV-display-ready full asset that uploads to YouTube 2. **Safe zone preview** (1546×423) — what mobile + desktop visitors actually see; ALL critical content must sit inside this zone YouTube renders the same banner asset at vastly different aspect ratios across devices (TV uses the full 2560×1440; desktop crops to a wide letterbox; mobile crops to a tighter rectangle). The safe zone is the only region guaranteed visible everywhere. Brand mark + tagline live in the safe zone; the wider canvas extends with breathing room (or texture, or extension of brand surface) that TV viewers see. ## When to use - User runs a YouTube channel and needs banner art that works across TV / desktop / mobile - A `DESIGN.md` exists for the brand ## Inputs - **Required:** brand slug, channel name (or wordmark text) - **Required:** tagline (1 line, max ~10 words; sentence-case ending in period per brand voice) - **Optional:** category labels (e.g. "field notes · payments · platforms"), social handle for footer - **Optional:** secondary cue (e.g. upload schedule "new every Tuesday.") ## Output `./design/<brand-slug>/artifacts/youtube-channel-art-YYYY-MM-DD-<slug>.html` ## Steps ### 1. Verify brand exists ```bash test -f ./design/<brand-slug>/tokens.css ``` ### 2. Gather the brief Ask in one message: ``` 1. Channel name / wordmark 2. Tagline