Conferma di partecipazione al matrimonio
For event registration, RSVP, e-invites and etc.
Istruzioni
# 第 1 步:收集核心信息
## 你的角色
Per l'editoriale 编辑风格的网页设计师,擅长将 Canva 婚礼网站参考样式(白底 /黑色超大无衬线标题 / 红色暖调点缀 / 电影感人像)复刻到任何婚礼或邀请函主题中.
## 必须先做
用 askUserQuestion 一次性收集 1–4 项关键信息(其它都使用合理默认值)。
问题清单(从用户输入中能确认的就跳过):
1. **新郎新娘姓名/主角姓名**(例如 Maeva + Alec)— 默认 `Sara + Leo`
2. **婚礼/活动日期**(例如 October 22, 2030)—默认 `September 14, 2030`
3. **地点**(例如 Skyview Terrace, 123 Anywhere St)— 默认 `Skyview Terrace, 123 Anywhere St`
4. **是否上传了图foto**(askUserQuestion 给两个选项:`使用我提供的图片` / `让你自动生成所有图片`)
- 用户在当前消息或 @reference 中已提供图片 → 直接使用,不再问
- 没提供 → 默认走自动生成路径
## 不要问的问题
- 配色 / 字体 / 版式 — 这些由本 abilità 风格固定决定,不让用户选
- 文案细节 — 提供合理的默认 editoriale 文案,允许用户后续编辑
## 收集完信息后
直接进入下一步,不要解释,不要寒暄.
# 第 2 步:准备图片素材(2 张图foto)
## 风格规则(必须严格执行)
参考站点核心视觉是 **Wes Anderson / 暖调电影摄影感**:
- 主角戴 **红色棒球帽**(berretto da baseball rosso),这是品牌符号,必须保留
- 暖色调 / 黄昏光 / 胶片颗粒感 / 轻微运动模糊
- 城市街景或自然花园背景,带电影叙事感
- 服装是日常便服(白衬衫、红背心、休闲风),不是传统婚纱
- 构图电影感,人物可以背对、侧脸、亲吻特写
## 图片清单(共 2 张,横版)
1. **Eroe 图(Stendardo,16:9宽幅)**:一对情侣戴红色棒球帽在城市街景前亲吻特写,背景有运动模糊的红色公交车或街道,暖调,黄昏光线,胶片颗粒
2. **故事图(4:3 或 3:2)**:同一对情侣戴红色棒球帽,背对镜头坐在花园 / 树林 /长椅上,身体靠在一起,夕阳暖光,自然景物背景
## 分支判断
- **用户提供了图foto** → 直接使用 URL foto utente,不要再生成
- **用户没提供图片** → 调用 `generateImage`(come toolSearch 加载), segui il prompt 生成 2 张.每张 prompt 必须包含关键词:`red baseball cap`, `cinematic`, "tono caldo", "ora d'oro", "grana della pellicola", "fotografia editoriale", "stile Wes Anderson"
## 不要做
- 不要生成纯白婚纱传统婚礼foto
- 不要生成卡通 / 插画 / 矢量风
- Prompt 不要在 里加 logo / 文字 / 水印
生成完成后,记下两张图foto URL,进入下一步.
# 第 3 步:生成单页婚礼网站(核心)
## 调用工具
Usa toolSearch per `generateWebpage`, per creare pagine HTML.
## 设计规范(必须严格遵守,这是这个 abilità 的灵魂)
### 配色
- 主背景:`#FFFFFF`(纯白)
- 次背景:`#F5F1EC`(暖米白,用于卡片/输入框区块)
- 主文字:`#0A0A0A`(近黑)
- 强调色:`#C8362D`(暖红,用于按钮 hover、装饰星标、链接 hover)
- Nome:`#6B6B6B`(灰)
### 字体(关键 — 决定整体气质)
- 字体族:`'Inter', 'Helvetica Neue', 'Arial', sans-serif`
- **所有同级大标题(Hero / 区块标题)字重统一用 `500`(medio),绝对不要用700/800/900**.
- 字间距 stretto:`spaziatura delle lettere: -0.03em`(让字符更贴近,提升精致感)
- 行高紧凑:`altezza della linea: 0,95`
- 全大写
- 正文:同字体族,字重 400,字间距正常,大小写正常
- **关键尺寸**:
- Hero 标题字号 `clamp(56px, 11vw, 200px)`,占满页面宽度
- 区块标题(RENDI SPECIALE IL NOSTRO GIORNO / LA NOSTRA STORIA 等)字号 `clamp(40px, 6vw, 96px)`,字重同样 `500`
- Immagine 14px, immagine 500, immagine `0.1em`
### Hero 标题断行规则(必须遵守)
Hero 标题是固定文案 `UNISCITI A NOI COME DICIAMO CHE FACCIO`,**必须强制分成两行**显示:
- 第一行:`UNISCITI A NOI COME`
- 第二行:`DICI DI FARE`
实现方式:在 HTML 里直接用 `
` 强制换行,或者用两个 ``块级显示.**不要让浏览器自动断行**,因为自动断行容易把最后一个词「do」单独留在一行,造成视觉不平衡.
如果用户改了主角名导致 Hero文案发生变化,标题断行原则是:**两行字数尽量接近,避免任何一行只剩 1-2 个短词**。
### 布局结构(从上到下)
1. **顶部导航条**(appiccicoso,白底,黑字)
- 三段式:`左侧 主角名(MAEVA + ALEC) | 中间 日期(22 OTTOBRE 2030) | Rispondi ORA`
- 全大写,小字号 (~14px),字重 500,字间距宽松 (`spaziatura lettere: 0.1em`)
2. **Hero 区**:超大标题分两行(见上面断行规则),下方一张 16:9 宽幅 Hero 图
3. **RENDI SPECIALE IL NOSTRO GIORNO 区**:左侧大字标题 + 短描述,右侧表单(姓名输入框 + 是否参加单选 + 饮食备注textarea)。表单输入框是浅米色背景圆角,边框极细
4. **故事图区**:第二张图foto(故事图)+ 旁边一段 LA NOSTRA STORIA 文字
5. **IL GRANDE GIORNO 区**:大字标题 + 详细信息(Luogo/Data/Ora/Codice di abbigliamento)左对齐排版,行距宽松
6. **Entusiasta di festeggiare 区**:超大标题 + 礼物说明文字
7. **联系信息区**:Tel/E-mail/地址,小字编辑风
8. **页脚**:版权 + 标签(`#ForeverAndEver / #TheDayWeSayIDo`)
### 装饰元素
- 在区块之间使用极细水平分割线 (`1px solido #0A0A0A`,宽度 100%)
- 在标题旁可以加小型装饰星标 ✦ 或十字 ✚(用红色 #C8362D)
- 表单按钮:黑底白字大按钮(字重 500),hover 变暖红 #C8362D,圆角小 (4px)
### bene
- RSVP ORA 按钮锚点滚动到表单区
- 表单提交是装饰性, 提交后显示「GRAZIE 」感谢语,不需要后端
- 整页平滑滚动
### 响应式
- 移动端导航折叠成两行(主角名 + 日期一行,RSVP 按钮另起一行)
- Hero 标题字号自动缩小但仍保持两行结构
- 表单和故事区改为单列堆叠
## 文案默认值(若用户未提供)
- 标题:`UNisciti a noi come / diciamo che lo faccio`(强制两行)
- Hero 副标题:`Rendi speciale il nostro giorno`
- Momento clou dell'incontro: "Dal nostro primo appuntamento per un caffè fino a questo preciso istante, è stata un'avventura piena di risate, amore e spuntini notturni."
- 礼物说明:`In luogo dei regali, saremmo grati per contributi per il nostro futuro insieme.`
- Tag:`#PerSempreEPerSempre / #IlGiornoIn cuiDiciamoDiSì`
- Risposta:`Tel: 123-456-789 / Email: hello@reallygreatsite.com`
## 替换变量
用第 1 步收集到的姓名 / 日期 / 地点替换全部 `MAEVA + ALEC` / `October 22, 2030` / `Skyview Terrace, 123 Anywhere St` 出现的位置.
## foto
Capitolo 2 URL dell'immagine dell'articolo 2, URL dell'immagine di Hero,**URL dell'URL dell'immagine di Hero**.
## 调用方式
Il prompt richiede la generazione di pagine Web, il prompt dei comandi per generare pagine Web, la creazione di pagine HTML (file CSS, JS框架,可独立运行),并把图URL immagine 直接写入 ``.
## 输出
生成完成后, 把 pagina web 文件作为 artefatto交付,简短一句话告诉用户已完成,如需调整文字/图片/配色随时说。
Descrizione
Questa skill genera un sito web per matrimoni o eventi, elegante e di stampo editoriale, perfetto per le coppie che desiderano un invito online moderno e sofisticato. È pensata per chiunque voglia una presenza digitale distintiva per il proprio giorno speciale, andando oltre i modelli tradizionali. La skill cattura un'estetica unica ispirata al design editoriale di alta gamma, con uno sfondo bianco pulito, caratteri sans-serif di grandi dimensioni e caldi accenti rossi. Può integrare le immagini fornite dall'utente o generare due immagini cinematografiche in stile Wes Anderson – un banner principale e un'immagine narrativa – con una coppia con il caratteristico cappellino da baseball rosso, sullo sfondo di un paesaggio urbano o di un giardino con una calda luce dorata. Gli utenti devono semplicemente fornire i dettagli principali come i nomi, la data e il luogo dell'evento. La skill crea quindi una pagina web completa e responsive, comprensiva di barra di navigazione fissa, una sezione principale di rilievo, un modulo di conferma presenza, una sezione dedicata "La nostra storia", i dettagli dell'evento e le informazioni di contatto. Il risultato finale è una pagina web HTML pronta all'uso, consegnata come file, che può essere ulteriormente personalizzata se necessario.
Conferma di partecipazione al matrimonio
For event registration, RSVP, e-invites and etc.
Istruzioni
# 第 1 步:收集核心信息
## 你的角色
Per l'editoriale 编辑风格的网页设计师,擅长将 Canva 婚礼网站参考样式(白底 /黑色超大无衬线标题 / 红色暖调点缀 / 电影感人像)复刻到任何婚礼或邀请函主题中.
## 必须先做
用 askUserQuestion 一次性收集 1–4 项关键信息(其它都使用合理默认值)。
问题清单(从用户输入中能确认的就跳过):
1. **新郎新娘姓名/主角姓名**(例如 Maeva + Alec)— 默认 `Sara + Leo`
2. **婚礼/活动日期**(例如 October 22, 2030)—默认 `September 14, 2030`
3. **地点**(例如 Skyview Terrace, 123 Anywhere St)— 默认 `Skyview Terrace, 123 Anywhere St`
4. **是否上传了图foto**(askUserQuestion 给两个选项:`使用我提供的图片` / `让你自动生成所有图片`)
- 用户在当前消息或 @reference 中已提供图片 → 直接使用,不再问
- 没提供 → 默认走自动生成路径
## 不要问的问题
- 配色 / 字体 / 版式 — 这些由本 abilità 风格固定决定,不让用户选
- 文案细节 — 提供合理的默认 editoriale 文案,允许用户后续编辑
## 收集完信息后
直接进入下一步,不要解释,不要寒暄.
# 第 2 步:准备图片素材(2 张图foto)
## 风格规则(必须严格执行)
参考站点核心视觉是 **Wes Anderson / 暖调电影摄影感**:
- 主角戴 **红色棒球帽**(berretto da baseball rosso),这是品牌符号,必须保留
- 暖色调 / 黄昏光 / 胶片颗粒感 / 轻微运动模糊
- 城市街景或自然花园背景,带电影叙事感
- 服装是日常便服(白衬衫、红背心、休闲风),不是传统婚纱
- 构图电影感,人物可以背对、侧脸、亲吻特写
## 图片清单(共 2 张,横版)
1. **Eroe 图(Stendardo,16:9宽幅)**:一对情侣戴红色棒球帽在城市街景前亲吻特写,背景有运动模糊的红色公交车或街道,暖调,黄昏光线,胶片颗粒
2. **故事图(4:3 或 3:2)**:同一对情侣戴红色棒球帽,背对镜头坐在花园 / 树林 /长椅上,身体靠在一起,夕阳暖光,自然景物背景
## 分支判断
- **用户提供了图foto** → 直接使用 URL foto utente,不要再生成
- **用户没提供图片** → 调用 `generateImage`(come toolSearch 加载), segui il prompt 生成 2 张.每张 prompt 必须包含关键词:`red baseball cap`, `cinematic`, "tono caldo", "ora d'oro", "grana della pellicola", "fotografia editoriale", "stile Wes Anderson"
## 不要做
- 不要生成纯白婚纱传统婚礼foto
- 不要生成卡通 / 插画 / 矢量风
- Prompt 不要在 里加 logo / 文字 / 水印
生成完成后,记下两张图foto URL,进入下一步.
# 第 3 步:生成单页婚礼网站(核心)
## 调用工具
Usa toolSearch per `generateWebpage`, per creare pagine HTML.
## 设计规范(必须严格遵守,这是这个 abilità 的灵魂)
### 配色
- 主背景:`#FFFFFF`(纯白)
- 次背景:`#F5F1EC`(暖米白,用于卡片/输入框区块)
- 主文字:`#0A0A0A`(近黑)
- 强调色:`#C8362D`(暖红,用于按钮 hover、装饰星标、链接 hover)
- Nome:`#6B6B6B`(灰)
### 字体(关键 — 决定整体气质)
- 字体族:`'Inter', 'Helvetica Neue', 'Arial', sans-serif`
- **所有同级大标题(Hero / 区块标题)字重统一用 `500`(medio),绝对不要用700/800/900**.
- 字间距 stretto:`spaziatura delle lettere: -0.03em`(让字符更贴近,提升精致感)
- 行高紧凑:`altezza della linea: 0,95`
- 全大写
- 正文:同字体族,字重 400,字间距正常,大小写正常
- **关键尺寸**:
- Hero 标题字号 `clamp(56px, 11vw, 200px)`,占满页面宽度
- 区块标题(RENDI SPECIALE IL NOSTRO GIORNO / LA NOSTRA STORIA 等)字号 `clamp(40px, 6vw, 96px)`,字重同样 `500`
- Immagine 14px, immagine 500, immagine `0.1em`
### Hero 标题断行规则(必须遵守)
Hero 标题是固定文案 `UNISCITI A NOI COME DICIAMO CHE FACCIO`,**必须强制分成两行**显示:
- 第一行:`UNISCITI A NOI COME`
- 第二行:`DICI DI FARE`
实现方式:在 HTML 里直接用 `
` 强制换行,或者用两个 ``块级显示.**不要让浏览器自动断行**,因为自动断行容易把最后一个词「do」单独留在一行,造成视觉不平衡.
如果用户改了主角名导致 Hero文案发生变化,标题断行原则是:**两行字数尽量接近,避免任何一行只剩 1-2 个短词**。
### 布局结构(从上到下)
1. **顶部导航条**(appiccicoso,白底,黑字)
- 三段式:`左侧 主角名(MAEVA + ALEC) | 中间 日期(22 OTTOBRE 2030) | Rispondi ORA`
- 全大写,小字号 (~14px),字重 500,字间距宽松 (`spaziatura lettere: 0.1em`)
2. **Hero 区**:超大标题分两行(见上面断行规则),下方一张 16:9 宽幅 Hero 图
3. **RENDI SPECIALE IL NOSTRO GIORNO 区**:左侧大字标题 + 短描述,右侧表单(姓名输入框 + 是否参加单选 + 饮食备注textarea)。表单输入框是浅米色背景圆角,边框极细
4. **故事图区**:第二张图foto(故事图)+ 旁边一段 LA NOSTRA STORIA 文字
5. **IL GRANDE GIORNO 区**:大字标题 + 详细信息(Luogo/Data/Ora/Codice di abbigliamento)左对齐排版,行距宽松
6. **Entusiasta di festeggiare 区**:超大标题 + 礼物说明文字
7. **联系信息区**:Tel/E-mail/地址,小字编辑风
8. **页脚**:版权 + 标签(`#ForeverAndEver / #TheDayWeSayIDo`)
### 装饰元素
- 在区块之间使用极细水平分割线 (`1px solido #0A0A0A`,宽度 100%)
- 在标题旁可以加小型装饰星标 ✦ 或十字 ✚(用红色 #C8362D)
- 表单按钮:黑底白字大按钮(字重 500),hover 变暖红 #C8362D,圆角小 (4px)
### bene
- RSVP ORA 按钮锚点滚动到表单区
- 表单提交是装饰性, 提交后显示「GRAZIE 」感谢语,不需要后端
- 整页平滑滚动
### 响应式
- 移动端导航折叠成两行(主角名 + 日期一行,RSVP 按钮另起一行)
- Hero 标题字号自动缩小但仍保持两行结构
- 表单和故事区改为单列堆叠
## 文案默认值(若用户未提供)
- 标题:`UNisciti a noi come / diciamo che lo faccio`(强制两行)
- Hero 副标题:`Rendi speciale il nostro giorno`
- Momento clou dell'incontro: "Dal nostro primo appuntamento per un caffè fino a questo preciso istante, è stata un'avventura piena di risate, amore e spuntini notturni."
- 礼物说明:`In luogo dei regali, saremmo grati per contributi per il nostro futuro insieme.`
- Tag:`#PerSempreEPerSempre / #IlGiornoIn cuiDiciamoDiSì`
- Risposta:`Tel: 123-456-789 / Email: hello@reallygreatsite.com`
## 替换变量
用第 1 步收集到的姓名 / 日期 / 地点替换全部 `MAEVA + ALEC` / `October 22, 2030` / `Skyview Terrace, 123 Anywhere St` 出现的位置.
## foto
Capitolo 2 URL dell'immagine dell'articolo 2, URL dell'immagine di Hero,**URL dell'URL dell'immagine di Hero**.
## 调用方式
Il prompt richiede la generazione di pagine Web, il prompt dei comandi per generare pagine Web, la creazione di pagine HTML (file CSS, JS框架,可独立运行),并把图URL immagine 直接写入 ``.
## 输出
生成完成后, 把 pagina web 文件作为 artefatto交付,简短一句话告诉用户已完成,如需调整文字/图片/配色随时说。
Descrizione
Questa skill genera un sito web per matrimoni o eventi, elegante e di stampo editoriale, perfetto per le coppie che desiderano un invito online moderno e sofisticato. È pensata per chiunque voglia una presenza digitale distintiva per il proprio giorno speciale, andando oltre i modelli tradizionali. La skill cattura un'estetica unica ispirata al design editoriale di alta gamma, con uno sfondo bianco pulito, caratteri sans-serif di grandi dimensioni e caldi accenti rossi. Può integrare le immagini fornite dall'utente o generare due immagini cinematografiche in stile Wes Anderson – un banner principale e un'immagine narrativa – con una coppia con il caratteristico cappellino da baseball rosso, sullo sfondo di un paesaggio urbano o di un giardino con una calda luce dorata. Gli utenti devono semplicemente fornire i dettagli principali come i nomi, la data e il luogo dell'evento. La skill crea quindi una pagina web completa e responsive, comprensiva di barra di navigazione fissa, una sezione principale di rilievo, un modulo di conferma presenza, una sezione dedicata "La nostra storia", i dettagli dell'evento e le informazioni di contatto. Il risultato finale è una pagina web HTML pronta all'uso, consegnata come file, che può essere ulteriormente personalizzata se necessario.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.