窗帘风婚礼朋友请柬
素材与输入
使用本技能的 assets/template.html、assets/curtain.png 和 assets/torn-frame.png。模板来自用户确认的朋友请柬:1080×1620,真实白色垂坠窗帘、酒红标题、宋体中文、380×400px 居中小相框、精简三行正文及姓名下方的婚戒/爱心/花枝简笔画。简笔画以 SVG 内嵌于 HTML。撕纸边框使用内置图片的纸纤维、撕口质感,不改成规则锯齿或细碎波浪多边形。
从用户消息及当前上下文提取婚纱照、新郎姓名、新娘姓名、婚礼日期、地点,可选具体开席时间与文案。已有明确资料直接使用。缺少照片时请求提供;缺少日期或地点时可先做明确标注「待填写」的草稿,不编造。不要把历史示例的姓名、日期或酒店作为默认值。
先查看用户指定照片,确认没有误用参考图中的他人照片。无需童年照片、父母姓名。默认仅一份,以「我们」共同邀请朋友,新郎姓名在前。用户另有要求时遵从。
生成
将
assets/template.html复制到输出目录成为婚礼朋友请柬.html,将背景和纸框复制为同目录curtain.png、torn-frame.png,将婚纱照复制到同目录(保留实际格式)。保留原始照片。替换模板中的
{{GROOM}}、{{BRIDE}}、{{DATE}}、{{VENUE}}、{{PHOTO_SRC}}。文本及 HTML 属性值做 HTML 转义,照片路径使用正确 URL 编码的相对路径。日期中的星期按实际年月日计算;没有年份不推测星期。默认使用克制的三行文案,按用户要求修改:
「我们将携手,走向新的日常。 / 想请你来, / 见证这一刻,分享这份欢喜。」(斜线表示换行,不输出斜线。)
落款为「期待与你相见」。正文、姓名、简笔画、日期和地点统一居中,时间地点的标签与内容上下排列。保留疏朗的组间留白,不自动扩写成长篇抒情文案。
不使用父母口吻的「爱子」「儿媳」「爱女」。没有提供时不添加宴会时刻、仪式流程、联系电话。
保留真实图片背景、酒红配色、英文 Wedding invitation、单页排版和打印样式。使用本地系统字体,不请求网络字体。相对路径 HTML 需与图片一起交付;用户要求真正单文件时,将背景、纸框和照片全部嵌入 data URL。
构图与验证
- 查看婚纱照后再决定裁切;模板的
object-position: center 25%只是起点。确保两人头部完整,用户要全身时优先调整相框比例或缩窄相框,不能只加高后未经看图就声称是全身照。 - 平移前计算图片覆盖范围。若图片恰好铺满相框宽度,横向 object-position 不会移动人物;需要横向余量才能平移。不要为了移动人物留下单侧白边,也不要过度放大违背用户的缩小要求。
- 用浏览器以至少 1200px 宽预览,等待图片与字体加载后截图查看;检查姓名、日期、地点、正文及页脚全部可见。长姓名或地点需重新调整间距,不能依赖 overflow:hidden 隐藏溢出。
- 检查小屏预览无横向溢出;必要时修正预览容器缩放,保留打印的固定画布尺寸。
- 检查背景、纸框、婚纱照均加载成功且无外部资源请求,CSS 中的图片也需检查。模拟 print 时确认 1080×1620、零页边距、无外部阴影,并启用 print-color-adjust: exact / -webkit-print-color-adjust: exact 保留背景。
- 默认交付 HTML 和必需素材。用户要求 PNG 时在无缩放的 1080×1620 画布截图,仅截
.invitation;用户要求 PDF 时再导出并检查页数。不要用图片生成工具重画文字或人物来代替 HTML 渲染。 - 工具不可用时明确区分静态检查与实际浏览器验证,不虚报截图或导出成功。
交付可点击的 HTML 链接及简短说明。多文件输出可打包 ZIP,确保移动到其他目录仍可离线打开。