mcpField
Y
yuv-reel-covers

yuv-reel-covers

github.com/hoodiniDesign & UI29140 installsUpdated 5d ago
Repository

About yuv-reel-covers

yuv-reel-covers is a skill for creating Instagram Reel covers with a consistent brand look, aimed at creators producing visual series. It includes poster templates, a preview-and-export studio, and a command-line generator designed around the grid crop safe zone.

Key features

  1. 01Editorial and cinema poster templates
  2. 02Live cover preview and export studio
  3. 03Hebrew and English typography
  4. 04Command-line PNG cover generation
  5. 05AI prompts for image generation

Use cases

  1. 01Create branded Reel cover series
  2. 02Choose colors for different content types
  3. 03Preview and export covers in the studio
  4. 04Draft prompts for Midjourney, Flux, or Nano-Banana-2

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/hoodini/ai-agents-skills --skill yuv-reel-covers

After installing, type/yuv-reel-coversin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

build_app.py
cover-studio.html
gen_cover.py
prompts.md
README.md
style-spec.md

Details

From the project README

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 #0A0A0A ground + 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.
  • behind template (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.
  • stack template (no photo): giant glowing Anton/Rubik stacked text + Rubik subtitle — for tool/code covers (e.g. "CLAUDE CODE / המדריך המלא").
  • Handle @yuval_770 · YUV.AI bottom-center, small mono.

How to run (from this skill's folder or any project with assets/+fonts/ copied)

# 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

  1. Headline ≤3 words back + ≤2 words front. If longer — rewrite tighter; this is a poster, not a caption.
  2. Pick the series color by content type (mapping above) — don't mix colors in one cover.
  3. Front text must NOT cover the face — chest level only; adjust --front-top if the photo differs.
  4. New photo ⇒ remove-background FIRST (step 1); never paste a rectangular photo.
  5. 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.
  6. 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.

Comments

Markdown supported