yuv-reel-covers
Unified Reel-cover system so the Instagram grid reads as ONE brand. Canvas 1080×1920, all key content inside the 3:4 grid-crop safe zone (y 285–1635).
v2 — Editorial Poster system (THE standard; read style-spec.md first)
Reverse-engineered from the SHELLY sports-editorial + cinematic posters Yuval loves. Two new
templates in gen_cover.py: editorial (giant skewed condensed type front/behind the cutout,
✦ ticker strips, power-word stack + line icons, neon yellow #E9FF3D on vivid sky/sunset/ink) and
cinema (pink/cyan split-light duotone, white type behind the head). Auto-fits type to width,
Hebrew (Rubik 900) and English (Anton) both supported.
- Cover Studio app — LIVE at https://hoodini.github.io/yuv-cover-studio/ (also cover-studio.html for offline). Drop photo + cutout, type headline, live preview, Export 1080×1920 / 1080×1350 PNG. Includes an AI PROMPTS tab that writes Midjourney/Flux/Nano-Banana-2 prompts in the exact style (prompts.md has the master formulas + the hybrid pipeline).
- Headless:
py gen_cover.py editorial --bg sky --cutout assets/yuval-cutout.png --back "STEAL MY|PROMPTS" --ticker "ALL DAY,EVERY PLAY,NO LIMITS" --stack "FOCUS,ENERGY,DISCIPLINE,VICTORY" --tag "AI" --cut-h 1060 --out my-cover
v1 templates (behind / stack) — legacy, still available below.
The formula (what makes the grid uniform)
- Always: rich-black
#0A0A0Aground + dim neural-net field + vignette. Never white, never a raw screenshot. - Series chip (top-left, mono, outline pill) + phoenix mark (top-right) — SAME positions every cover.
- Series colors (this is the variety inside the uniformity):
pink
#FF1464= news / hot takes / Claude · cyan#00E5FF= tutorials / dev · amber#F9AD45= fun / wildlife. behindtemplate (the signature): giant Rubik-900 headline (1–3 words, auto-sized), one word in the series color, partially BEHIND the subject cutout; punch line IN FRONT at chest level (--front-top, default 1285). Cutout gets a series-color rim glow.stacktemplate (no photo): giant glowing Anton/Rubik stacked text + Rubik subtitle — for tool/code covers (e.g. "CLAUDE CODE / המדריך המלא").- Handle
@yuval_770 · YUV.AIbottom-center, small mono.
How to run (from this skill's folder or any project with assets/+fonts/ copied)
powershell# 0) prereqs: Node 22+, FFmpeg. Builder is pure-stdlib Python (py on Windows, python3 on Mac). # 1) one-time per new photo — local AI background removal: npx --yes hyperframes@latest remove-background photo.png -o assets/cutout.png # 2) generate a cover (renders headless via HyperFrames -> PNG): py gen_cover.py behind --img assets/cutout.png --back "קלוד דסקטופ" --front "משנה הכל!" ` --accent-back 1 --color pink --tag "CLAUDE · AI" --out my-cover py gen_cover.py stack --back "CLAUDE CODE" --sub "המדריך המלא" --accent-back -2 --color cyan --tag DEV --out cc
Args: --accent-back N = which word of the BACK text gets the series color (-1 none, -2 all);
--size-back overrides auto-fit; --front-top moves the front line (keep at chest, never the face).
A default cutout of Yuval (studio) ships in assets/yuval-cutout.png.
Rules for the agent
- Headline ≤3 words back + ≤2 words front. If longer — rewrite tighter; this is a poster, not a caption.
- Pick the series color by content type (mapping above) — don't mix colors in one cover.
- Front text must NOT cover the face — chest level only; adjust
--front-topif the photo differs. - New photo ⇒ remove-background FIRST (step 1); never paste a rectangular photo.
- Read the rendered PNG and check: headline readable behind the head, chip+phoenix inside safe zone, nothing critical above y=285 or below y=1635.
- Hebrew glyphs come from the bundled Rubik subset — exotic punctuation may be missing; refetch with builders/fetch_hebrew_fonts.py from yuv-video-director if needed.
