name: life-photo-template description: "朋友圈 / 小红书生活照模板生成器。当用户想要制作可反复套用自己的日常照片的生活照模板（横版 + 竖版）、用于包装个人品牌、发朋友圈 / 小红书时触发。典型诉求：帮我做个生活照模板、生成横版竖版朋友圈模板、做一套能套在照片上的模板。本技能产出：(1) 透明 PNG 模板层（可直接叠在任意照片上，兼容 PS/Canva/美图秀秀）；(2) 网页一键套用工具（上传照片改文字下载成品，零门槛）。也覆盖参考图风格但不照搬的设计场景：需要季节或场景主题加大字标题加角落标识加色彩条加日期地点二维码信息条的杂志感生活照排版。" agent_created: true

生活照模板生成器 (Life Photo Template)

生成可套用在任意日常照片上的「生活照模板」，横版 + 竖版两个方向， 适合包装个人品牌、发朋友圈 / 小红书。交付两类产物：透明 PNG 模板层 （给会 PS/Canva 的用户）和网页一键套用工具（给零基础用户）。

核心设计经验（必读）

AI 文生图对中文字符渲染极不稳定（方框 / 乱码 / 错位）。因此一律采用 「AI 生底图 + PIL 叠中文排版」两段式：

1. ImageGen 只生成无文字、纯摄影质感的底图（实拍氛围、光影）。
2. Python PIL（或 HTML Canvas）叠加精准的中文标题、色块、信息条、二维码区。

中文字与排版 100% 可控，比直接生图精致、可控得多。

文案自适应

--image 模式会分析照片的亮度、冷暖、主导色相，自动从内置文案库匹配一组文案：

文案库位于 scripts/make_overlay.py 的 COPY_LIBRARY，按情绪分组。想换风格？ 改一组标题+小语即可，不影响版式逻辑。

工作流

第 1 步：确认需求与方向

向用户确认（或直接给默认方案）： - 几个方向：横版（1536×1024，朋友圈横图）、竖版（1024×1536，朋友圈 / 小红书竖图）。 - 主题调性：晨间 / 夜市 / 季节 / 场景。参考用户给的图样但不要照搬主题名与文案， 做原创方向（如把"夏日秀养"改为"晨光序章"，把季节主题改为场景主题）。 - 版式偏好：杂志风（magazine）、极简线稿风（minimal）、轻奢品牌风（luxury）。 若用户没主意，把参考图/照片传给 --image，脚本自动分析后推荐。 - 是否要透明层（给会修图的人）和/或网页工具（给零基础）。

第 2 步：生成底图

用 ImageGen 生成 1–2 张无文字底图，提示词模板见 references/prompts.md。横版用 1536x1024，竖版用 1024x1536， 提示词务必含 no text, no logos, no readable signs。

第 3 步：生成透明模板层

运行 scripts/make_overlay.py 产出可套用透明 PNG。脚本现在支持： - 固定主题 / JSON 配置 - 根据照片内容自动分析并推荐版式 + 配色 - 强制指定版式

# 用内置示例主题 (morning 横版 / night 竖版)
python scripts/make_overlay.py --out ./outputs

# 只生成某方向
python scripts/make_overlay.py --only landscape --out ./outputs

# 用自定义主题 JSON 批量出新主题
python scripts/make_overlay.py --config my_themes.json --out ./outputs

# 根据照片自动分析并生成自适应模板（推荐版式）
python scripts/make_overlay.py --image photo.jpg --out ./outputs

# 强制指定版式
python scripts/make_overlay.py --image photo.jpg --layout luxury --out ./outputs

# 版式固定为杂志风，仅配色与文案随照片自适应
python scripts/make_overlay.py --image photo.jpg --fixed-layout --out ./outputs

# Agent 通过内容语义显式指定文案场景（推荐用于海/船/山野等需要理解的场景）
python scripts/make_overlay.py --image ship.jpg --fixed-layout --scene sea --out ./outputs

主题字段说明（色值用 RGBA 元组或 "#RRGGBB" 字符串）： layout(magazine/minimal/luxury)、orientation(landscape/portrait)、 size、theme_cn、theme_en、corner_cn/en+颜色、big_chars(竖排大字)、 big_color、watermark_char(背景水印字)+watermark_color(带透明度)、 narrative(抒情小语数组)、colors(色块条 7 段)、accent(强调色)、 date、place、greet1/2。

本技能来自小葱技能站7w4.net。

新增：配置里加入 layout 即可切换版式；用 --image 时脚本会分析照片亮度、冷暖、主色， 自动在 magazine（杂志）/minimal（极简）/luxury（轻奢）中推荐。 --fixed-layout 锁定杂志版式，但文案（COPY_LIBRARY 文案库）与配色（照片主色派生）仍会自适应。 --scene 可显式覆盖文案场景，由 Agent 的多模态理解给出。

脚本会自动探测系统中文字体（Windows 优先，回退到 wqy / PingFang）， 缺失字体时 PIL 会报错，需提示用户确认字体路径。

第 4 步：交付网页一键套用工具

技能提供两个网页工具，按用户技术水平二选一（或都给）：

• assets/template_app.html — 主题版：内置横版(晨光序章)/竖版(烟火夜归)两套参数， 用户上传照片 → 改标题/日期/地点 → 实时预览 → 下载。无需改代码。
• assets/template_app_generic.html — 通用版：上传「任意透明 PNG 模板层」+「自己的照片」 自动套用。支持微调照片缩放/水平/垂直位置、压暗浓度以提升文字清晰度。 兼容 PS/Canva 导出的模板层，也兼容本技能生成的 overlay_*.png。

复制并启动预览：

cp assets/template_app_generic.html ./outputs/
python -m http.server 8123   # 在 outputs 目录

通用版特别适合：用户已有自己的模板层、想反复套不同照片的场景。 若用户还没有模板层，先用 make_overlay.py 生成 overlay_*.png 再上传即可。

第 5 步：合成示例 & 整理交付

用 PIL alpha_composite 把透明层叠到示例底图，生成 demo_*.jpg 给用户看实际效果：

from PIL import Image
base = Image.open("底图.jpg").convert("RGBA").resize((1536,1024), Image.LANCZOS)
ov   = Image.open("overlay_morning.png").convert("RGBA")
Image.alpha_composite(base, ov).convert("RGB").save("demo_landscape_overlay.jpg", quality=95)

交付清单（横版/竖版各一份）： - overlay_*.png 透明模板层 - demo_*_overlay.jpg 套图示例 - template_app.html 网页工具 - （可选）底图原图

三种版式说明

magazine（杂志风，默认）

压暗蒙版 → 左上角标识(CN+EN) → 主标题大字(横版右侧竖排/竖版中央横排) → 半透明水印字符 → 抒情小语+英文装饰 → 底部色块条+白色信息条。

minimal（极简线稿风）

大面积留白 → 顶部标签框 + 右上角编号 → 中央主题大字 → 底部圆点信息线 → 右侧/角落装饰曲线与色点。 适合明亮、清新、日常随拍。

luxury（轻奢品牌风）

深色渐变蒙版 → 金色圆角照片框 → 顶部品牌名 → 底部奶油色信息卡 + NEW DROP 标签 + 金色植物线条装饰。 适合夜景、暗调、质感强烈的照片。

详细配色与商用化原则见 references/prompts.md。

内容语义匹配（文案如何随照片内容变化）

make_overlay.py 现在的文案匹配是两层：

1. Agent 驱动（主路径）：
2. Agent 先用多模态能力读取用户照片，理解画面内容（海/船/城市/山/夜市/日落等）。
3. 通过 --scene <key> 把内容语义传给脚本，脚本从 COPY_LIBRARY 取出对应的主题、英文、小语、地点。

4. 这样文案不是只看颜色，而是真正贴合画面内容。例如轮船+海鸥 → --scene sea →「远航 / VOYAGE」。

5. 脚本自动兜底（无 Agent 介入时）：

6. 脚本对照片做上/中/下三带颜色统计 + 冷暖亮度分析，得到 scene 初判。
7. 能较好区分：日落（暖高亮）、夜市（暗暖）、山野（绿色占比高）、晴日（暖中亮）。
8. 但纯颜色无法可靠区分「海面」与「城市冷雾」（都是冷蓝），所以脚本只做保守判定，不强行分海；此时由 Agent --scene 修正。

COPY_LIBRARY 文案库

当前内置场景： - sunset：暮色余温 / the SUNSET No.5 - warm_day：晴日漫游 / SUNNY NOTES - night_market：烟火人间 / the NIGHT No.7 - blue_night：夜泊 / BLUE HOUR - city_fog：云上之城 / CLOUD CITY - cool_light：清浅时光 / QUIET HOURS - nature：山野之间 / GREEN HILLS - sea：远航 / VOYAGE No.1 - graduation：青春存档 / CLASS OF 2026 - wedding：执手之约 / THE WEDDING - food：烟火食光 / GOOD EATS - travel：远方 / ON THE ROAD - sports：热血挥洒 / PLAY HARD - coffee：咖啡时光 / SLOW BREW - snow：初雪 / FIRST SNOW - autumn：叶落知秋 / GOLDEN FALL - party：今夜不散 / GOOD TIMES

扩展新场景：在 scripts/make_overlay.py 的 COPY_LIBRARY 里新增一组字典， 字段与上面保持一致（theme_cn/en、corner_cn/en、watermark_char、deco_en_1/2、 deco_line、narrative、greet1/2、place），然后在对话里用 --scene <新key> 即可。

注意

• ImageGen 可能在底图角落留下 AI 水印，透明层的「不透明白色信息条」正好可压住它。
• 提示词严禁包含可读文字，否则底图会干扰套版效果。
• 字体依赖系统中文环境；跨平台打包时把字体文件一并放入 assets/ 并在脚本里指定。

质量非常好。文档写得很清楚明白，小白也能看懂怎么用；生成模板的方式很聪明，先让 AI 生成干净的底图，再用代码精准叠加中文排版，效果比直接让 AI 生成文字稳定得多。内置了 3 种风格和 18 个场景的文案，选择丰富，网页工具用起来也很方便。不足的是元数据信息太简略，用之前最好先读一遍说明文档。整体推荐。