mcpField
Y
yuv-reel-covers

yuv-reel-covers

github.com/hoodini设计与 UI29140 次安装5 天前更新
代码仓库

关于 yuv-reel-covers

yuv-reel-covers 是用于制作统一品牌风格 Instagram Reel 封面的技能，适合需要批量设计系列视觉内容的创作者。它提供多种海报模板、封面工作室和命令行生成方式，并针对网格裁切区域安排内容。

主要功能

  1. 01editorial、cinema 等海报模板
  2. 02封面工作室实时预览与导出
  3. 03支持希伯来语和英语排版
  4. 04命令行生成 PNG 封面
  5. 05AI PROMPTS 标签生成图像提示词

适用场景

  1. 01制作统一品牌风格的 Reel 封面
  2. 02为不同内容系列选用配色
  3. 03在封面工作室预览并导出图片
  4. 04生成 Midjourney、Flux 或 Nano-Banana-2 提示词

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/yuv-reel-covers确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

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

详细介绍

yuv-reel-covers

统一的 Reel 封面系统，让 Instagram 网格呈现为一个统一品牌。画布尺寸为 1080×1920，所有关键内容都位于 **3:4 网格裁剪安全区（y 285–1635）**内。

v2 — Editorial 海报系统（标准系统；请先阅读 style-spec.md）

根据 Yuval 喜爱的 SHELLY 体育编辑风与电影感海报逆向设计。gen_cover.py 中新增了两个模板：editorial（巨大的倾斜窄体字位于抠图人物前后，搭配 ✦ 滚动条、力量词语堆叠与线条图标；在鲜艳天空／日落／墨色背景上使用霓虹黄 #E9FF3D）和 cinema（粉／青双色分割光效，白色文字位于人物头部后方）。文字会自动适配宽度，支持希伯来语（Rubik 900）和英语（Anton）。

  • Cover Studio 应用 — 已上线：https://hoodini.github.io/yuv-cover-studio/（也可使用 cover-studio.html 离线运行）。拖入照片和抠图，输入标题，即可实时预览并导出 1080×1920 / 1080×1350 PNG。 其中包含一个 AI PROMPTS 选项卡，可按指定风格生成 Midjourney/Flux/Nano-Banana-2 提示词（主公式和混合工作流见 prompts.md）。
  • 无头模式：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 模板（behind / stack）— 旧版模板，仍可在下方使用。

公式（保持网格统一的关键）

  • 始终使用：浓郁黑色 #0A0A0A 背景 + 暗色神经网络图案 + 暗角。绝不使用白色背景，也不使用未经处理的截图。
  • 系列标记（左上角，等宽字体，描边胶囊）+ 凤凰标志（右上角）——每张封面的位置都相同。
  • 系列颜色（在统一中体现多样性）： 粉色 #FF1464 = 新闻／热点观点／Claude · 青色 #00E5FF = 教程／开发 · 琥珀色 #F9AD45 = 趣味／野生动物。
  • behind 模板（标志性模板）：巨大的 Rubik-900 标题（1–3 个词，自动调整大小），其中一个词使用系列颜色，部分位于主体抠图后方；醒目短句放在胸口高度的前景（--front-top，默认值为 1285）。抠图人物添加系列颜色的边缘光晕。
  • stack 模板（无照片）：巨大的发光 Anton/Rubik 堆叠文字 + Rubik 副标题——用于工具／代码封面（例如“CLAUDE CODE / המדריך המלא”）。
  • 底部居中显示 @yuval_770 · YUV.AI，使用小号等宽字体。

如何运行（在此技能文件夹中运行，或在复制了 assets/+fonts/ 的任意项目中运行）

# 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

参数：--accent-back N = 后景文字中使用系列颜色的词语序号（-1 表示无，-2 表示全部）； --size-back 覆盖自动适配字号；--front-top 移动前景文字行（保持在胸口位置，绝不能遮住脸部）。 assets/yuval-cutout.png 中附带了 Yuval 的默认抠图（工作室版）。

Agent 规则

  1. 后景标题最多 3 个词，前景最多 2 个词。超过时请精简改写；这是海报，不是说明文字。
  2. 根据内容类型选择系列颜色（参见上方对应关系）——一张封面中不要混用颜色。
  3. 前景文字不得遮住脸部——只能放在胸口高度；如果照片情况不同，请调整 --front-top。
  4. 使用新照片时，先移除背景（第 1 步）；绝不能粘贴矩形照片。
  5. 检查渲染后的 PNG：确保头部后方的标题清晰可读，系列标记和凤凰标志位于安全区内，y=285 以上或 y=1635 以下没有重要内容。
  6. 希伯来语字形来自随附的 Rubik 子集字体——可能缺少特殊标点；如有需要，可从 yuv-video-director 运行 builders/fetch_hebrew_fonts.py 重新获取。

评论

支持 Markdown