# Wedding Friends Invitation

> 制作或修改新人共同第一人称邀请朋友的婚礼请柬，使用真实白色窗帘背景、酒红文字和居中婚纱照，输出可离线打开的单页 HTML。适用于窗帘风格的朋友请柬，不默认生成父母署名的双版本。

- Skill: `2992638402-art/wedding-friends-invitation` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add 2992638402-art/wedding-friends-invitation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/2992638402-art/wedding-friends-invitation/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: 2992638402-art (https://skillmd.com/u/2992638402-art)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/2992638402-art/wedding-friends-invitation

---


# 窗帘风婚礼朋友请柬

## 素材与输入

使用本技能的 `assets/template.html`、`assets/curtain.png` 和 `assets/torn-frame.png`。模板来自用户确认的朋友请柬：1080×1620，真实白色垂坠窗帘、酒红标题、宋体中文、380×400px 居中小相框、精简三行正文及姓名下方的婚戒/爱心/花枝简笔画。简笔画以 SVG 内嵌于 HTML。撕纸边框使用内置图片的纸纤维、撕口质感，不改成规则锯齿或细碎波浪多边形。

从用户消息及当前上下文提取婚纱照、新郎姓名、新娘姓名、婚礼日期、地点，可选具体开席时间与文案。已有明确资料直接使用。缺少照片时请求提供；缺少日期或地点时可先做明确标注「待填写」的草稿，不编造。不要把历史示例的姓名、日期或酒店作为默认值。

先查看用户指定照片，确认没有误用参考图中的他人照片。无需童年照片、父母姓名。默认仅一份，以「我们」共同邀请朋友，新郎姓名在前。用户另有要求时遵从。

## 生成

1. 将 `assets/template.html` 复制到输出目录成为 `婚礼朋友请柬.html`，将背景和纸框复制为同目录 `curtain.png`、`torn-frame.png`，将婚纱照复制到同目录（保留实际格式）。保留原始照片。
2. 替换模板中的 `{{GROOM}}`、`{{BRIDE}}`、`{{DATE}}`、`{{VENUE}}`、`{{PHOTO_SRC}}`。文本及 HTML 属性值做 HTML 转义，照片路径使用正确 URL 编码的相对路径。日期中的星期按实际年月日计算；没有年份不推测星期。
3. 默认使用克制的三行文案，按用户要求修改：

   「我们将携手，走向新的日常。 / 想请你来， / 见证这一刻，分享这份欢喜。」（斜线表示换行，不输出斜线。）

   落款为「期待与你相见」。正文、姓名、简笔画、日期和地点统一居中，时间地点的标签与内容上下排列。保留疏朗的组间留白，不自动扩写成长篇抒情文案。

   不使用父母口吻的「爱子」「儿媳」「爱女」。没有提供时不添加宴会时刻、仪式流程、联系电话。
4. 保留真实图片背景、酒红配色、英文 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，确保移动到其他目录仍可离线打开。