[teamai] Push 87 resource(s) from XingfenD

.teamai/skills/common/gpt-image-2/references/ui-mockups/chat-interface-scene.md

@@ -0,0 +1,285 @@
+# 聊天界面 / 对话气泡场景模板
+
+本文件用于生成“聊天 App 界面 + 对话气泡 + 角色头像”的样机，可用于：
+
+- 微信 / iMessage / WhatsApp / Discord 风格聊天截图
+- 对话流式表情包
+- 角色之间的“假聊天”剧本视觉
+- 客服对话样机
+- 心理咨询 / 教学场景对话演示
+- AI 助手对话界面演示
+
+它跟 `live-commerce-ui.md` 的区别：
+
+- 直播 UI：以人物画面为主，UI 叠加在上面
+- 聊天界面：以聊天气泡 + 头像为主，画面就是 App 内的对话流
+
+## 适用范围
+
+- 一对一聊天截图样机
+- 群聊截图样机
+- AI 与人聊天的对话流截图
+- 双角色 / 多角色互动剧本
+- 故事化截图（比如“甲乙两人的对话推进剧情”）
+
+## 何时使用
+
+- 用户提到“聊天截图 / 对话样机 / 微信聊天 / iMessage / 群聊样机”
+- 用户希望让两个或多个角色“聊一段话”
+- 用户希望生成具备表情包属性的对话流
+- 用户希望生成 AI 助手 / 客服的对话演示
+
+不要使用：
+
+- 用户要的是社交平台帖子（用 `social-interface-mockup.md`）
+- 用户要的是直播间界面（用 `live-commerce-ui.md`）
+
+## 缺失信息优先提问顺序
+
+1. 平台风格：iMessage、微信、WhatsApp、Discord、通用 IM、AI 助手
+2. 颜色模式：浅色 / 深色
+3. 对话角色：几人，每人是谁
+4. 对话主题：具体场景（吵架 / 表白 / 谈业务 / 角色扮演 / AI 答疑）
+5. 是否需要表情、贴纸、转账卡片、语音条等富媒体
+6. 是否允许我自动补全对话内容
+
+## 主模板：双人聊天截图
+
+📖 描述
+
+仿真两人在某个 IM App 里的聊天页面，包含顶部头部、滚动对话流、底部输入栏。
+
+📝 提示词
+
+```json
+{
+  "type": "移动端双人聊天截图样机",
+  "goal": "生成一张高仿真的聊天截图，可用于内容创意、剧本演示、角色对话视觉",
+  "platform": {
+    "name": "{argument name=\"platform\" default=\"iMessage\"}",
+    "color_mode": "{argument name=\"color mode\" default=\"light\"}",
+    "language": "{argument name=\"interface language\" default=\"中文\"}"
+  },
+  "header": {
+    "status_bar": "顶部状态栏，时间 '{argument name=\"status time\" default=\"21:42\"}'，信号、Wi-Fi、电量",
+    "navigation": {
+      "back": "返回箭头",
+      "contact_avatar": "{argument name=\"contact avatar\" default=\"对话方头像\"}",
+      "contact_name": "{argument name=\"contact name\" default=\"林深\"}",
+      "online_status": "{argument name=\"online status\" default=\"在线\"}",
+      "right_actions": ["语音通话图标", "视频通话图标"]
+    }
+  },
+  "conversation": {
+    "self_alignment": "right",
+    "other_alignment": "left",
+    "message_count": "{argument name=\"message count\" default=\"8\"}",
+    "messages": [
+      {
+        "role": "other",
+        "type": "text",
+        "text": "{argument name=\"msg 1\" default=\"在吗？刚刚那个事我想了想\"}",
+        "timestamp": "21:38"
+      },
+      {
+        "role": "self",
+        "type": "text",
+        "text": "{argument name=\"msg 2\" default=\"在的，你说\"}",
+        "timestamp": "21:39"
+      },
+      {
+        "role": "other",
+        "type": "text",
+        "text": "{argument name=\"msg 3\" default=\"我决定明天就把方案交出去\"}",
+        "timestamp": "21:39"
+      },
+      {
+        "role": "self",
+        "type": "voice",
+        "duration": "00:08",
+        "timestamp": "21:40"
+      },
+      {
+        "role": "other",
+        "type": "sticker",
+        "description": "可爱猫咪 OK 贴纸",
+        "timestamp": "21:40"
+      },
+      {
+        "role": "self",
+        "type": "image",
+        "description": "白板上写着思维导图",
+        "timestamp": "21:41"
+      },
+      {
+        "role": "other",
+        "type": "text",
+        "text": "{argument name=\"msg 7\" default=\"这个方向我也认同，明天九点见\"}",
+        "timestamp": "21:41"
+      },
+      {
+        "role": "self",
+        "type": "text",
+        "text": "{argument name=\"msg 8\" default=\"好，明早咖啡我请\"}",
+        "timestamp": "21:42"
+      }
+    ]
+  },
+  "footer": {
+    "input_bar": {
+      "left_icons": ["相机", "图片", "语音"],
+      "placeholder": "{argument name=\"input placeholder\" default=\"输入消息\"}",
+      "right_icons": ["表情", "+"]
+    },
+    "home_indicator": "底部 home 指示条"
+  },
+  "style": {
+    "rendering": "高保真移动端聊天界面截图，纵向比例，看起来像真实手机截屏",
+    "consistency": "气泡颜色、头像位置、时间样式严格遵循平台风格"
+  },
+  "constraints": {
+    "must_keep": [
+      "气泡左右对齐与角色一致",
+      "时间戳合理推进，不能乱序",
+      "中文文字清晰可读",
+      "头像与昵称一致"
+    ],
+    "avoid": [
+      "气泡背景与文字颜色对比度过低",
+      "时间显示不符合一天内的逻辑",
+      "图片与语音条出现错位"
+    ]
+  }
+}
+```
+
+### 参数策略
+
+- 必问：平台、对话双方身份、对话主题
+- 可默认：状态栏时间、底部输入栏图标、在线状态
+- 可随机：少量氛围消息（贴纸、表情、emoji），但不能盖过主对话
+
+### 自动补全策略
+
+当用户说“你帮我编一段对话”：
+
+- 控制在 6-10 条消息内
+- 内容要有起承转合，不要全是“嗯嗯好的”
+- 每条消息字数控制在合理 IM 长度（≤ 35 字最佳）
+- 时间戳必须连续合理
+
+## 变体 1：群聊样机
+
+📝 提示词
+
+```json
+{
+  "type": "群聊样机",
+  "platform": {
+    "name": "{argument name=\"platform\" default=\"微信\"}",
+    "color_mode": "light"
+  },
+  "group": {
+    "name": "{argument name=\"group name\" default=\"产品组日常\"}",
+    "member_count": "{argument name=\"member count\" default=\"12\"}"
+  },
+  "conversation": {
+    "messages": [
+      {"role": "member", "name": "Lily", "text": "今天的需求评审定 4 点对吗？"},
+      {"role": "member", "name": "陈工", "text": "对，会议室 A"},
+      {"role": "self", "text": "我把文档更新到群里了"},
+      {"role": "system", "text": "撤回了一条消息"},
+      {"role": "member", "name": "PM 老王", "text": "@all 提前 5 分钟到位"}
+    ]
+  },
+  "constraints": {
+    "must_feel": "像真实工作群"
+  }
+}
+```
+
+## 变体 2：AI 助手对话界面
+
+适合：AI 产品的功能演示截图、宣传图、教学图。
+
+📝 提示词
+
+```json
+{
+  "type": "AI 助手对话界面样机",
+  "platform": {
+    "name": "{argument name=\"product name\" default=\"通用 AI 助手\"}",
+    "color_mode": "{argument name=\"color mode\" default=\"light\"}"
+  },
+  "header": {
+    "title": "{argument name=\"chat title\" default=\"新对话\"}",
+    "model_label": "{argument name=\"model label\" default=\"Claude Opus 4.7\"}",
+    "right_actions": ["新建对话", "历史"]
+  },
+  "conversation": {
+    "messages": [
+      {
+        "role": "user",
+        "text": "{argument name=\"user question\" default=\"帮我把下面这段会议纪要整理成行动项\"}"
+      },
+      {
+        "role": "assistant",
+        "type": "structured",
+        "content": [
+          "1. 行动项一：负责人 / 截止日",
+          "2. 行动项二：负责人 / 截止日",
+          "3. 行动项三：负责人 / 截止日"
+        ]
+      },
+      {
+        "role": "user",
+        "text": "{argument name=\"follow up\" default=\"再生成一份发给团队的邮件\"}"
+      },
+      {
+        "role": "assistant",
+        "type": "code-block",
+        "language": "markdown",
+        "preview": "邮件正文预览，开头致敬，中间结构化要点，结尾签名"
+      }
+    ]
+  },
+  "footer": {
+    "input_bar": {
+      "placeholder": "{argument name=\"input placeholder\" default=\"问点什么...\"}",
+      "right_button": "发送"
+    },
+    "tools_row": ["上传文件", "网页", "代码", "图像"]
+  },
+  "constraints": {
+    "must_feel": "像真实 AI 产品截图，而不是纯设计稿"
+  }
+}
+```
+
+## 变体 3：自动补全模式
+
+适用于用户只说“做一段聊天截图”。
+
+📝 提示词
+
+```json
+{
+  "type": "聊天界面自动补全模板",
+  "mode": "auto-fill",
+  "platform_default": "iMessage 浅色模式",
+  "scene_generation": "默认生成生活感对话，不强加故事走向",
+  "rule": "如果用户没指定双方身份，默认两个朋友之间的轻松对话",
+  "constraints": {
+    "must_feel": "自然、像真实手机截图"
+  }
+}
+```
+
+## 避免事项
+
+- 不要让对话双方全部用一边对齐，必须区分发送者与接收者
+- 不要让头像出现在用户自己消息那一侧（除部分平台特例）
+- 不要混合两种平台的 UI 元素（比如 iMessage 蓝色气泡 + 微信底栏）
+- 不要让消息之间时间戳出现倒退、不连贯
+- 不要在“客服 / AI 助手”场景中加入私人化情绪表达
+- 不要把所有消息都做成纯文字，会显得不真实，可适当夹杂图片 / 贴纸 / 语音条

.teamai/skills/common/gpt-image-2/references/ui-mockups/landing-page-case-study.md

@@ -0,0 +1,279 @@
+# 长页面 Landing Page / Case Study UI 样机模板
+
+本文件用于生成"完整的一整页 SaaS / 营销 / case study 落地页 UI 样机"——把多个 section（hero / strategy / performance / social proof / CTA）从上到下拼到一张超长图里。
+
+典型用途：
+
+- SaaS 产品官网首页 mockup
+- 营销 case study 长页面（投后报告 / KPI 复盘）
+- 增长 / agency 业务介绍页
+- Y Combinator 风格 demo day 项目页
+- 客户提案稿 / 投资人 deck 的网页化展示
+
+特征（与现有 UI 模板的区别）：
+
+| 模板 | 视觉范围 | 适用场景 |
+|---|---|---|
+| `chat-interface-scene.md` | 单屏聊天界面 | iMessage / 微信 / 群聊 |
+| `social-interface-mockup.md` | 单屏社交动态详情 | Twitter / 小红书 / 微博 |
+| `live-commerce-ui.md` | 单屏直播 UI 叠加 | 抖音 / 淘宝直播 |
+| `product-card-overlay.md` | 单屏 hero / 详情主图 | 电商详情页主图 |
+| **本模板** | **完整长页面**（5-7 个 section 纵向拼接） | **SaaS / 营销长页面 / case study** |
+
+## 适用范围
+
+- SaaS 落地页 / 产品官网首页
+- 营销 case study 长页面
+- 增长复盘报告 web 版
+- 投资人 / 客户提案的网页样机
+- Agency 业务介绍长页面
+
+## 何时使用
+
+- 用户提到"落地页 / landing page / case study / 一整页 / 长页面 / 网站 mockup"
+- 用户希望出"从上到下完整 section 结构"而不是单屏截图
+- 客户需要看到「hero → 数据 → 时间线 → 社交证明 → CTA」完整营销叙事
+
+不要使用：
+
+- 单屏 UI 截图 → 用 `chat-interface-scene` / `social-interface-mockup` / `live-commerce-ui`
+- 仅 hero section → 用 `poster-and-campaigns/banner-hero.md`
+- 真实可交互的 HTML 网页 → 应当生成 HTML 代码而非图片
+
+## 缺失信息优先提问顺序
+
+1. 业务类型（SaaS / agency / 课程 / case study / 投后报告）
+2. 品牌 / 主标 + 一句话定位
+3. 是「营销 case study」（要展示数据 + 客户 logo）还是「产品官网首页」（要展示功能 + 截图）
+4. 配色基调（**深色 + 霓虹 / 纯白 + 强色 accent / 浅米色商务 / 玻璃拟态**）
+5. 必须出现的核心数据（GMV / 播放量 / 客户数 / 增长率）
+6. 是否要客户 logo 墙 / 推荐语 / CTA 表单
+7. 比例（**3:4 / 9:16 长截图 / 整张 desktop 截图**）
+
+## 主模板：营销 case study 长页面 mockup
+
+📖 描述
+
+一张超长截图，从上到下 6-7 个独立 section，整体用统一深色 + 霓虹 accent，每个 section 都长得像真实落地页里会出现的模块。
+
+📝 提示词
+
+```json
+{
+  "type": "UI/UX landing page mockup",
+  "goal": "生成一张高仿真的营销 case study 长页面截图，可以作为提案稿、投后报告或作品集封面",
+  "theme": "{argument name=\"theme\" default=\"dark mode, sleek modern aesthetic, glassmorphism, neon purple and blue glowing accents\"}",
+  "viewport": {
+    "width": "{argument name=\"viewport width\" default=\"desktop 1440px width\"}",
+    "scroll_capture": "{argument name=\"capture style\" default=\"full-page screenshot, vertical scroll captured into one tall image\"}",
+    "aspect_ratio": "{argument name=\"aspect ratio\" default=\"3:4 portrait long page\"}"
+  },
+  "header": {
+    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
+    "nav_items": ["Home", "Case Studies", "Pricing", "Contact"],
+    "top_right_cta": "{argument name=\"top cta\" default=\"Login\"}",
+    "top_right_tag": "{argument name=\"top right tag\" default=\"VIRAL CAMPAIGN CASE STUDY\"}"
+  },
+  "layout": {
+    "section_count": 6,
+    "section_separation": "subtle horizontal divider, 80-120px vertical breathing room",
+    "sections": [
+      {
+        "name": "Hero",
+        "position": "top",
+        "headline": "{argument name=\"hero headline\" default=\"How We Created 10M+ Viral Impact\"}",
+        "subheadline": "{argument name=\"hero subhead\" default=\"3 天引爆全网, 助力品牌实现指数级增长\"}",
+        "stats_row": {
+          "count": 4,
+          "labels": ["{argument name=\"stat label 1\" default=\"总播放量\"}", "{argument name=\"stat label 2\" default=\"互动率\"}", "{argument name=\"stat label 3\" default=\"转化咨询\"}", "{argument name=\"stat label 4\" default=\"执行周期\"}"],
+          "values": ["{argument name=\"stat value 1\" default=\"10,240,000+\"}", "{argument name=\"stat value 2\" default=\"18.7%\"}", "{argument name=\"stat value 3\" default=\"3,200+\"}", "{argument name=\"stat value 4\" default=\"72小时\"}"]
+        },
+        "visual": "{argument name=\"hero visual\" default=\"cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, large play button overlay\"}"
+      },
+      {
+        "name": "Strategy",
+        "title": "{argument name=\"strategy title\" default=\"Our 3-Day Execution Strategy\"}",
+        "layout_type": "vertical timeline",
+        "steps_count": 3,
+        "elements_per_step": ["timeline node circle", "step title", "3 bullet points", "video thumbnail with play button", "description box"],
+        "step_titles": ["Day 1: Asset Production", "Day 2: Multi-Platform Launch", "Day 3: Amplification & PR"]
+      },
+      {
+        "name": "Performance",
+        "title": "{argument name=\"perf title\" default=\"Data-Driven Performance\"}",
+        "left_column": {
+          "stat_cards_count": 4,
+          "values": ["10M+", "43%", "28,000+", "3,200+"],
+          "labels": ["Total Views", "Engagement", "New Followers", "Leads"]
+        },
+        "right_column": {
+          "charts_count": 2,
+          "chart_1": "line graph showing 7-day growth peaking at Day 3, x-axis days 1-7, y-axis views, glowing line",
+          "chart_2": "horizontal segmented bar chart showing platform distribution (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
+        }
+      },
+      {
+        "name": "Keys to Success",
+        "title": "{argument name=\"keys title\" default=\"The 3 Keys to Viral Success\"}",
+        "cards_count": 3,
+        "card_elements": ["glowing icon (fire / target / antenna)", "card title", "2-line description", "VIEW DETAIL link with arrow"]
+      },
+      {
+        "name": "Social Proof",
+        "title": "{argument name=\"sp title\" default=\"TRUSTED BY CREATORS & BRANDS\"}",
+        "left_column": {
+          "logos_count": 8,
+          "grid": "2x4",
+          "brands": ["{argument name=\"logo 1\" default=\"SHEIN\"}", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
+        },
+        "right_column": {
+          "testimonial_cards_count": 2,
+          "elements": ["large quotation mark", "italic quote text", "author avatar circle", "author name + title (e.g. SaaS Founder, Growth Manager)"]
+        }
+      },
+      {
+        "name": "Call to Action",
+        "title": "{argument name=\"cta title\" default=\"READY TO GO VIRAL?\"}",
+        "interactive_elements": [
+          "text input field with placeholder '{argument name=\"input placeholder\" default=\"Your work email\"}'",
+          "glowing button with text '{argument name=\"call to action text\" default=\"获取专属增长方案 ->\"}'"
+        ],
+        "visual": "{argument name=\"cta visual\" default=\"3D render of a rocket ship taking off with purple and blue flames\"}"
+      }
+    ]
+  },
+  "footer": {
+    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
+    "columns": ["Product", "Company", "Resources", "Legal"],
+    "social_icons": ["X", "LinkedIn", "YouTube", "Instagram"],
+    "copyright": "© 2026 {argument name=\"brand name\" default=\"goViralX\"}. All rights reserved."
+  },
+  "global_style": {
+    "rendering": "production-quality web UI mockup, sharp pixel-perfect typography, realistic component spacing, modern web design",
+    "typography": "modern sans-serif (Inter / Space Grotesk feel), strong size hierarchy across sections",
+    "color_tone": "{argument name=\"color tone\" default=\"dark navy / charcoal background, neon purple + electric blue accents, white-90% body text\"}",
+    "components": "rounded corners 12-16px, soft glassmorphism cards, subtle shadows, accent gradient buttons",
+    "browser_chrome": "{argument name=\"chrome\" default=\"none, just the page itself\"}"
+  },
+  "constraints": {
+    "must_keep": [
+      "6 个 section 从上到下顺序清晰、可独立识别",
+      "每个 section 的内部组件都符合常规网页设计（卡片 / 网格 / 时间线 / chart）",
+      "数据可读、字体清晰、对比度足够",
+      "整体看起来像真实可滚动的网页截图，而不是 PPT 拼贴"
+    ],
+    "avoid": [
+      "section 之间没有视觉分隔（容易混在一起）",
+      "把 chart 画成示意图而非真实数据可视化",
+      "logo 墙的品牌名变得不可读",
+      "CTA 按钮颜色与全页配色冲突",
+      "Hero 占据 80%+ 高度（导致下面 section 被压扁）"
+    ]
+  }
+}
+```
+
+### 参数策略
+
+- **必问**：brand name + 业务定位、core data values、配色基调
+- **可默认**：nav items、footer columns、stat labels（按业务类型推荐）
+- **可随机**：客户 logo 墙的具体品牌（按行业匹配真实存在的品牌名）、推荐语 quote 内容
+
+### 自动补全策略
+
+- 用户只说"营销 case study 落地页"→ 默认深色 + 霓虹方案 + 6 section 标准结构
+- 用户给了核心数据（如「3 天 1000 万播放」）→ 自动反推 stat label / chart / strategy timeline
+- 用户没说客户 logo → 按行业生成 8 个真实存在的品牌名（不要造假名）
+
+## 变体 1：SaaS 产品官网首页（feature-driven）
+
+📝 提示词
+
+```json
+{
+  "type": "SaaS product homepage mockup",
+  "section_count": 7,
+  "sections": [
+    "Hero (headline + subhead + CTA + dashboard screenshot)",
+    "Logo Strip (8 customer logos)",
+    "Feature Grid (3x2 = 6 features with icon + title + description)",
+    "How It Works (3-step process)",
+    "Product Screenshot Showcase (1 large dashboard image)",
+    "Pricing (3 tiers comparison table)",
+    "Testimonials + CTA"
+  ],
+  "theme": "{argument name=\"theme\" default=\"clean white + accent blue, modern startup\"}",
+  "must_have": "1 prominent product UI screenshot embedded in Hero, 1 dashboard image in showcase section"
+}
+```
+
+### 何时选这个变体
+
+- 用户做的是 SaaS 产品官网而非 case study
+- 需要展示「产品长什么样」（截图嵌套截图）
+- 需要 pricing table
+
+## 变体 2：投资人 / 客户 deck 网页化版
+
+📝 提示词
+
+```json
+{
+  "type": "investor / client pitch deck rendered as one long landing page",
+  "section_count": 8,
+  "sections": [
+    "Hero (problem statement)",
+    "Solution Overview",
+    "Market Size (chart)",
+    "Product Demo (screenshots)",
+    "Traction (key metrics + growth chart)",
+    "Team (4 avatars + roles)",
+    "Roadmap (4 phases timeline)",
+    "Ask + Contact"
+  ],
+  "theme": "professional, premium, slightly editorial, soft shadow + light grid background",
+  "tone": "credible, ambitious, data-backed"
+}
+```
+
+### 何时选这个变体
+
+- 创业者要做 demo day 提案的网页化版
+- 把 Keynote deck 转成可分享的网页样机
+- 需要"传统 deck"的所有要素（market / team / ask）
+
+## 变体 3：玻璃拟态 + 渐变（流行 2026 风格）
+
+📝 提示词
+
+```json
+{
+  "type": "glassmorphism landing page",
+  "theme_override": {
+    "background": "deep purple-to-pink gradient with floating blur orbs",
+    "cards": "frosted glass effect (backdrop-blur 20px), 1px white border at 20% opacity",
+    "accents": "neon green and hot pink glow",
+    "typography": "ultra-bold sans-serif headlines, very thin weight body"
+  },
+  "section_count": 5,
+  "sections": ["Hero", "Feature Cards 3x", "Stats", "Testimonials", "CTA"],
+  "vibe": "Y2K x Apple Vision Pro x Linear.app"
+}
+```
+
+### 何时选这个变体
+
+- 设计驱动型品牌 / AI 工具 / 创意产品
+- 需要在 SNS 引发设计师转发
+- 客户希望做「视觉惊艳」而非「企业稳重」
+
+## 避免事项
+
+- ❌ section 之间分隔不清 → 必须有 80-120px 留白 + 颜色 / 背景微差
+- ❌ 把图表画成纯装饰（必须看起来像真实数据曲线）
+- ❌ logo 墙强行造假品牌名（用真实知名品牌或明确标注「示例」）
+- ❌ CTA 按钮颜色和品牌色冲突 → 应该是品牌色的 accent 版本
+- ❌ Hero 区域过大压扁后续 section（hero ≤ 35% 总高度）
+- ❌ 全页只用一种字号 → 必须有 ≥ 4 级 hierarchy（H1 / H2 / Body / Caption）
+- ❌ 把模板里的占位文字（"VIEW DETAIL"）原样保留 → 应根据业务替换成真实文案
+- ❌ 输出比例选错（如 1:1 会装不下完整长页面，建议 3:4 / 9:16）

.teamai/skills/common/gpt-image-2/references/ui-mockups/live-commerce-ui.md

@@ -0,0 +1,227 @@
+# 电商直播 / 社交直播 UI 样机模板
+
+本文件用于生成“人物肖像 + 直播平台叠加界面”的复杂视觉结果。
+
+适用于：
+
+- 电商直播界面
+- 社交媒体直播截图
+- 主播带货样机
+- 聊天气泡 + 礼物弹窗 + 商品卡片的直播 UI 合成图
+
+## 使用规则
+
+这个模板的关键点不是固定某一个主播，而是把画面拆成一套稳定结构，让用户可以：
+
+- 指定真人照片
+- 指定名人名字
+- 指定人物描述
+- 完全随机生成一个主播人设
+
+同理，商品卡、聊天消息、背景品牌、礼物内容都可以：
+
+- 用户指定
+- 用默认值
+- 在合理范围内随机生成
+
+## 缺失信息优先提问顺序
+
+当用户只说“做一张电商直播 UI 样机”时，优先问：
+
+1. 主播来源：真人照片 / 名人名字 / 人物描述 / 随机生成
+2. 商品信息：卖什么
+3. 平台风格：更像抖音 / 小红书 / 淘宝直播 / 通用直播样机
+4. 语言：中文界面还是英文界面
+
+如果用户不想逐项回答，可以明确提供一个“自动补全模式”：
+
+- 你来随机补齐次要信息
+- 仅保留用户指定的核心部分
+
+## 模板 1：通用电商直播 UI 样机
+
+📖 描述
+
+生成逼真的社交媒体直播界面，叠加在人物肖像之上，包含可自定义的聊天消息、礼物弹窗和商品购买卡片。
+
+📝 提示词
+
+```json
+{
+  "type": "电商直播 UI 样机",
+  "goal": "生成一张高仿真的直播带货截图风格视觉图，主体是主播肖像，叠加完整直播界面元素，适合做社交传播、概念样机或带货视觉方案演示",
+  "subject": {
+    "source_mode": "{argument name=\"host source mode\" default=\"celebrity-name\"}",
+    "reference_photo": "{argument name=\"host reference photo\" default=\"none\"}",
+    "celebrity_name": "{argument name=\"host name\" default=\"Elon Musk\"}",
+    "description": "{argument name=\"host portrait description\" default=\"面带微笑，半身肖像，身穿印有白色科技示意图的黑色 T 恤\"}",
+    "pose": "{argument name=\"host pose\" default=\"正对镜头，轻微前倾，像在直播间讲话\"}",
+    "expression": "{argument name=\"host expression\" default=\"轻松、自信、具有交流感\"}"
+  },
+  "scene": {
+    "background_style": "{argument name=\"background style\" default=\"科技公司发布会后台 + 直播间布景\"}",
+    "left_background": "左侧显示带有 '{argument name=\"left background logo\" default=\"SPACEX\"}' 文字的屏幕",
+    "right_background": "右侧显示红色的 '{argument name=\"right background logo\" default=\"Tesla T logo\"}' 和一辆深色汽车",
+    "lighting": "{argument name=\"lighting\" default=\"明亮、商业感、影棚级补光，同时保留直播截图感\"}"
+  },
+  "ui_overlay": {
+    "platform_style": "{argument name=\"platform style\" default=\"通用中文直播带货平台 UI\"}",
+    "top_header": {
+      "host_info": "头像，名称 '{argument name=\"host name\" default=\"Elon Musk\"}'，副标题 '55.6万本场点赞'，红色 '关注' 按钮",
+      "rank_badge": "带有 '全站第1名' 的金币图标",
+      "viewer_stats": "3 个顶部观众头像，显示 '12.3w'、'8.6w'、'5.7w'，总计 '68.7万'，'X' 关闭按钮",
+      "right_links": "'更多直播 >'，'礼物展馆 0/24'（带有蓝色 '经典' 标签）"
+    },
+    "mid_left_gifts": {
+      "count": 2,
+      "items": [
+        "头像 '科技爱好者'，'送小心心'，爱心图标 x 1314",
+        "头像 '星辰大海'，'送火箭'，火箭图标 x 666"
+      ]
+    },
+    "bottom_left_chat": {
+      "system_message": "37 级勋章 '宇宙漫游者 加入了直播间'",
+      "message_count": 7,
+      "messages": [
+        "小火箭: 马斯克！未来可期！🚀",
+        "future: 特斯拉Model 2什么时候出？",
+        "星空梦想家: SpaceX今年能上火星吗？",
+        "AI探索者: Neuralink进展如何？",
+        "帅气的网友: 马总好！",
+        "Mars: 第一次来你的直播，超激动！",
+        "用户123: 讲讲AI吧，会取代人类吗？"
+      ]
+    },
+    "bottom_right_product_card": {
+      "hot_tag": "橙色 '热卖 x 1888'",
+      "image": "{argument name=\"product image subject\" default=\"Tesla Cybertruck\"}",
+      "title": "{argument name=\"product name\" default=\"特斯拉Cybertruck 电动皮卡\"}",
+      "price": "{argument name=\"product price\" default=\"¥ 1,618,000\"}",
+      "button": "红色 '抢' 按钮",
+      "floating_animation": "半透明爱心沿右侧边缘向上浮动"
+    },
+    "bottom_bar": {
+      "input_field": "'说点什么...'",
+      "icons": ["笑脸", "三个点", "购物车", "礼物盒", "分享"]
+    }
+  },
+  "style": {
+    "visual_target": "逼真的直播截图样机，不是纯 UI 设计稿，也不是纯摄影海报，而是主播真人画面与平台界面高自然融合",
+    "rendering": "真实人像摄影 + 平台叠加 UI + 商业广告级清晰度",
+    "color_tone": "科技感、商业感、平台直播氛围并存",
+    "composition": "竖版直播截图构图，人物占据视觉中心，UI 清晰可读，商品卡位于右下角，聊天区位于左下角"
+  },
+  "constraints": {
+    "must_keep": [
+      "主播是视觉中心",
+      "直播 UI 分层清晰",
+      "商品卡、聊天区、礼物区都必须出现",
+      "整体像真实直播截图，而不是简单拼贴"
+    ],
+    "avoid": [
+      "UI 文字完全不可读",
+      "界面过度拥挤",
+      "人物脸部畸形",
+      "商品卡透视错误",
+      "聊天框与背景融在一起"
+    ]
+  }
+}
+```
+
+## 模板 2：品牌创始人带货直播样机
+
+📖 描述
+
+适合“品牌创始人 / 科技企业家 / 明星主理人”本人出镜的高可信直播带货场景。
+
+📝 提示词
+
+```json
+{
+  "type": "品牌创始人直播带货样机",
+  "subject": {
+    "identity": "{argument name=\"host identity\" default=\"科技公司创始人\"}",
+    "name": "{argument name=\"host name\" default=\"Elon Musk\"}",
+    "description": "{argument name=\"host portrait description\" default=\"高可信度真人半身肖像，轻微微笑，像正在解释产品亮点\"}"
+  },
+  "product": {
+    "name": "{argument name=\"product name\" default=\"旗舰智能电动车\"}",
+    "category": "{argument name=\"product category\" default=\"科技硬件\"}",
+    "price": "{argument name=\"product price\" default=\"¥ 399,999\"}",
+    "selling_points": [
+      "{argument name=\"selling point 1\" default=\"自动驾驶辅助\"}",
+      "{argument name=\"selling point 2\" default=\"极简智能座舱\"}",
+      "{argument name=\"selling point 3\" default=\"长续航\"}"
+    ]
+  },
+  "ui": {
+    "product_card": "高可信带货卡片，展示主图、标题、价格、强购买按钮",
+    "chat_style": "观众围绕价格、发布时间、功能提问",
+    "gift_style": "科技圈、粉丝向礼物文案"
+  },
+  "constraints": {
+    "goal": "让整张图看起来像品牌本人真的在直播带货，而不是简单概念海报"
+  }
+}
+```
+
+## 模板 3：随机主播 + 随机商品自动补全模式
+
+📖 描述
+
+适用于用户只说“帮我做一张直播带货界面图”，但不给具体人物和商品。
+
+📝 提示词
+
+```json
+{
+  "type": "直播带货自动补全模板",
+  "mode": "auto-fill",
+  "subject": {
+    "host_generation_mode": "random-but-plausible",
+    "description": "自动生成一个适合直播出镜的主播形象，具备明确的人设、职业感和镜头表现力"
+  },
+  "product": {
+    "generation_mode": "random-but-coherent",
+    "rule": "自动生成与主播人设和场景一致的商品，不要出现明显不协调的搭配"
+  },
+  "ui": {
+    "chat_messages": "自动生成与商品相关、看起来像真实直播观众会说的话",
+    "gift_messages": "自动生成少量礼物弹窗，增强直播氛围",
+    "product_card": "自动生成合理的商品名、价格与热卖标签"
+  },
+  "constraints": {
+    "must_feel": [
+      "真实",
+      "平台感明确",
+      "信息丰富但不杂乱",
+      "适合作为案例样机"
+    ]
+  }
+}
+```
+
+## 如何从这个模板生成变体
+
+### 变体 1：用户给照片
+
+- 把 `subject.source_mode` 改为 `reference-photo`
+- 用用户图片作为主体参考
+- 其他 UI 字段保留模板结构
+
+### 变体 2：用户给名人名字
+
+- 用 `celebrity-name`
+- 保留描述字段作为辅助形象说明
+
+### 变体 3：用户只给人物描述
+
+- 用 `text-description`
+- 让模板中的 `description` 成为主导字段
+
+### 变体 4：用户什么都没给
+
+- 用 `auto-fill`
+- 只对核心字段发起少量必要提问
+- 其余字段可以随机补全

.teamai/skills/common/gpt-image-2/references/ui-mockups/product-card-overlay.md

@@ -0,0 +1,246 @@
+# 商品卡叠加样机模板
+
+本文件用于生成“以人物 / 场景图为底，叠加商品卡 / 营销 UI 元素”的电商样机。
+
+它跟 `live-commerce-ui.md` 的区别是：
+
+- `live-commerce-ui.md`：仿真直播平台界面，强调聊天区 / 礼物区 / 平台 UI
+- 本模板：偏向“商品 + 模特 / 商品 + 场景 + 卖点卡”的产品营销视觉，更接近落地页 hero 区或电商详情页主图
+
+## 适用范围
+
+- 电商详情页主图样机
+- 落地页 hero section
+- 朋友圈 / 公众号配图带商品卡
+- 单图广告：人物 + 商品卡 + 卖点徽章
+- 模特拿着商品 + 信息卡叠加
+
+## 何时使用
+
+- 用户要的是“一张图能讲清楚商品是什么 / 卖点是什么 / 价格是多少”
+- 用户提到“详情页主图 / 投放图 / hero 图 / 落地页样机”
+- 用户希望既有真实人物视觉，又有电商信息层
+
+不要使用：
+
+- 用户要的是真实直播间截图（用 `live-commerce-ui.md`）
+- 用户要的是纯白底产品图（用 `product-visuals/white-background-product.md`）
+
+## 缺失信息优先提问顺序
+
+1. 商品是什么（名称 + 类目）
+2. 主体来源：真人模特照片、模特描述、抽象“无人”场景
+3. 是否要展示价格 / 卖点 / 徽章
+4. 风格：日式简洁 / 极客科技 / 暖色生活方式 / 高级影棚 / 街头时尚
+5. 配色主调
+6. 文案语种：中文 / 英文 / 日文 / 双语
+
+## 主模板：人物 + 商品卡 + 卖点叠加
+
+📖 描述
+
+生成一张电商落地页 hero 区视觉，结构稳定为：左侧文案 + 中间产品 + 右侧模特 / 场景。
+
+📝 提示词
+
+```json
+{
+  "type": "电商落地页 hero 商品卡叠加样机",
+  "goal": "生成一张能直接当作电商详情页主视觉或营销落地页 hero 区使用的图，包含人物、产品、卖点、价格信息四要素",
+  "brand": {
+    "name": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
+    "subtext": "{argument name=\"brand subtext\" default=\"敏感肌专研\"}"
+  },
+  "color_palette": {
+    "base": "{argument name=\"base color\" default=\"白\"}",
+    "primary": "{argument name=\"primary color\" default=\"深蓝\"}",
+    "accent": "{argument name=\"accent color\" default=\"浅蓝\"}"
+  },
+  "layout": {
+    "header": {
+      "logo": "左侧品牌名 + 副标题",
+      "navigation_links": "{argument name=\"nav links\" default=\"ABOUT, PRODUCT, FEATURE, INGREDIENT, VOICE, Q&A\"}",
+      "cta_buttons": "{argument name=\"cta buttons\" default=\"我的页面, 立即购买\"}"
+    },
+    "hero": {
+      "left_column": {
+        "headline": "{argument name=\"main headline\" default=\"敏感肌也能每天安心使用的温和护理\"}",
+        "subtext": "{argument name=\"sub headline\" default=\"低刺激 · 持久保湿 · 无香料 · 无酒精\"}",
+        "buttons": ["立即购买", "了解详情"]
+      },
+      "center_column": {
+        "product": "{argument name=\"product description\" default=\"白色按压瓶，瓶身印 'Moisture Barrier Serum'\"}",
+        "props": [
+          "白色乳液质感液滴特写",
+          "圆形 '皮肤科医生监修' 徽章"
+        ]
+      },
+      "right_column": {
+        "subject": "{argument name=\"model description\" default=\"东亚年轻女性，皮肤通透，手指轻触脸颊\"}",
+        "background": "{argument name=\"background\" default=\"虚化的实验室玻璃器皿背景，明亮干净\"}"
+      }
+    },
+    "bottom_features_panel": {
+      "left_cards": {
+        "count": "{argument name=\"left feature count\" default=\"3\"}",
+        "items": [
+          "{argument name=\"feature 1\" default=\"95% 用户给出 5 星好评\"}",
+          "{argument name=\"feature 2\" default=\"低刺激配方，盾牌图标\"}",
+          "{argument name=\"feature 3\" default=\"水滴图标 + 屏障修护\"}"
+        ]
+      },
+      "right_badges": {
+        "count": 3,
+        "items": ["无香料", "无酒精", "敏感肌测试通过"]
+      },
+      "footer": "底部小字免责声明"
+    }
+  },
+  "style": {
+    "rendering": "干净、临床感、商业级渲染，看起来像真实落地页截图",
+    "consistency": "色板严格按照 base / primary / accent 三色"
+  },
+  "constraints": {
+    "must_keep": [
+      "三栏结构清晰",
+      "产品作为视觉中心",
+      "文案与产品一致",
+      "徽章不能比 logo 还大"
+    ],
+    "avoid": [
+      "排版极度拥挤",
+      "模特动作显得违和",
+      "色板出现额外鲜艳颜色"
+    ]
+  }
+}
+```
+
+### 参数策略
+
+- 必问：商品名、品牌名、模特方向、主色
+- 可默认：导航文案、按钮文案、徽章文案
+- 可随机：底部小字免责声明、卖点措辞具体表述
+
+### 自动补全策略
+
+- 没有给品牌就生成一个简洁的英文品牌名 + 中文副标题
+- 没有给模特方向，默认目标用户画像（护肤 -> 年轻女性 / 男士护肤 -> 年轻男性 / 数码 -> 都市年轻人）
+- 卖点必须 3 条，互不重复，不空洞
+
+## 变体 1：暗色科技产品落地页
+
+📝 提示词
+
+```json
+{
+  "type": "暗色科技品牌落地页 hero 样机",
+  "theme": "{argument name=\"theme\" default=\"男士护肤 / 数码硬件\"}",
+  "color_palette": ["深海军蓝", "白", "蓝色渐变"],
+  "header": {
+    "logo": "{argument name=\"brand name\" default=\"NEX SKIN\"}",
+    "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"],
+    "cta_button": "立即开始 >"
+  },
+  "hero": {
+    "left_column": {
+      "headline": "{argument name=\"main headline\" default=\"清爽感，从每日护理开始\"}",
+      "sub_headline": "男士肌肤，更需要简单",
+      "feature_highlights": [
+        "去油控亮：调节皮脂",
+        "保湿：长时间润泽",
+        "一瓶搞定：化妆水 + 精华 + 乳液"
+      ]
+    },
+    "center_image": {
+      "subject": "{argument name=\"model\" default=\"清爽干练的亚洲年轻男性\"}",
+      "pose": "手部托腮思考"
+    },
+    "right_column": {
+      "product_shot": "{argument name=\"product\" default=\"高瘦的深蓝色瓶身，瓶身带水珠\"}"
+    }
+  },
+  "bottom_stats_bar": {
+    "items": [
+      "累计销量 120 万瓶",
+      "满意度 92.1%",
+      "复购率 85.3%"
+    ]
+  },
+  "constraints": {
+    "must_feel": "硬朗、专业、可信赖"
+  }
+}
+```
+
+## 变体 2：四格人物 + 商品卡集合
+
+适合一张图覆盖多个人群 / 场景。
+
+📝 提示词
+
+```json
+{
+  "type": "四格人物-商品卡集合样机",
+  "layout": "2x2 网格，每格独立人物 + 独立商品卡",
+  "quadrants": [
+    {
+      "position": "左上",
+      "industry": "护肤",
+      "subject": "亚洲女性轻触脸颊",
+      "product": "白色按压瓶",
+      "headline": "{argument name=\"q1 headline\" default=\"素肌觉醒\"}"
+    },
+    {
+      "position": "右上",
+      "industry": "餐饮",
+      "subject": "意大利肉酱面特写",
+      "product": "餐厅 logo + 限定上市标识",
+      "headline": "{argument name=\"q2 headline\" default=\"这碗面，事件级\"}"
+    },
+    {
+      "position": "左下",
+      "industry": "旅行",
+      "subject": "背包女性面对高山湖泊",
+      "product": "旅行品牌 + 折扣 banner",
+      "headline": "{argument name=\"q3 headline\" default=\"出发，让自己自由\"}"
+    },
+    {
+      "position": "右下",
+      "industry": "SaaS 应用",
+      "subject": "手机展示任务管理 App 界面",
+      "product": "应用品牌 + 7 天免费试用",
+      "headline": "{argument name=\"q4 headline\" default=\"让任务管理更简单\"}"
+    }
+  ],
+  "constraints": {
+    "must_feel": "像同一品牌矩阵或同一广告 campaign 出品"
+  }
+}
+```
+
+## 变体 3：自动补全模式
+
+适合用户只说“做一张电商落地页主图”。
+
+📝 提示词
+
+```json
+{
+  "type": "落地页商品卡叠加自动补全模板",
+  "mode": "auto-fill",
+  "rule": "在主模板基础上，自动补齐品牌名、文案、模特方向，但保持四要素：品牌、人物、商品、卖点都齐",
+  "constraints": {
+    "must_feel": "真实电商投放图",
+    "avoid": "看起来像 PPT"
+  }
+}
+```
+
+## 避免事项
+
+- 不要让人物表情过于夸张或假笑（会立刻破坏可信度）
+- 卖点徽章 ≤ 3-4 个，多了会变成广告噪音
+- 文案颜色不能与底图过于接近，否则不可读
+- 商品在画面中必须有清晰主光，不能跟模特一起虚化
+- 不要让中文 + 英文 + 日文同时占据同等大小，必须有主导语种

.teamai/skills/common/gpt-image-2/references/ui-mockups/short-video-cover-ui.md

@@ -0,0 +1,219 @@
+# 短视频封面 / Stream 缩略图 UI 模板
+
+本文件用于生成“短视频封面 + UI 元素”样机，例如：
+
+- 抖音 / 快手 / B 站 / 小红书 视频封面
+- YouTube / Twitch 缩略图
+- VTuber / 主播 stream 封面
+- 自媒体节目封面
+- 社交平台短视频封面
+
+特点：
+
+- 主体大、文字大、信息层级高
+- 必须有可视化“点击诱因”
+- 文字与人物 / 主体画面强叠加
+
+它跟 `live-commerce-ui.md` 的区别：
+
+- 直播 UI：仿真整个直播间界面（聊天 / 礼物 / 商品）
+- 本模板：只是封面图层，重点在抓眼球的标题 + 主视觉
+
+## 适用范围
+
+- 短视频平台封面图
+- YouTube / Bilibili / Twitch 缩略图
+- 节目主视觉
+- 直播预告图
+- 课程 / 知识类视频封面
+
+## 何时使用
+
+- 用户提到“封面 / 缩略图 / 短视频封面 / 视频首图”
+- 用户希望生成一张点击率高的视觉
+- 用户给出节目名 / 标题 / 主播 / 主题
+
+不要使用：
+
+- 用户要的是真实直播间截图（用 `live-commerce-ui.md`）
+- 用户要的是社交动态详情页（用 `social-interface-mockup.md`）
+
+## 缺失信息优先提问顺序
+
+1. 平台：抖音 / 快手 / 小红书 / B 站 / YouTube / Twitch
+2. 内容类型：知识科普 / 生活 vlog / 游戏 / 直播预告 / 商业广告 / 萌系内容
+3. 主标题文案
+4. 主体（真人 / 卡通 / 物品 / 抽象主视觉）
+5. 风格：高对比醒目 / 软萌少女 / 冷静极简 / 暗黑神秘
+6. 是否需要副标题、bullet、徽章
+
+## 主模板：知识类高对比短视频封面
+
+📖 描述
+
+仿真“讲清楚一件事的科普 / 解读类视频封面”，主体偏右，左侧为大字标题，附副标题与点状要点。
+
+📝 提示词
+
+```json
+{
+  "type": "短视频科普类封面样机",
+  "goal": "生成一张高点击率的视频封面图，包含主标题、副标题、主视觉、平台风格小标识",
+  "platform": "{argument name=\"platform\" default=\"通用短视频封面\"}",
+  "aspect_ratio": "{argument name=\"aspect ratio\" default=\"16:9\"}",
+  "background": {
+    "color_palette": "{argument name=\"color palette\" default=\"深蓝渐变 + 高亮黄\"}",
+    "texture": "{argument name=\"texture\" default=\"细微噪点 + 柔光\"}"
+  },
+  "main_visual": {
+    "subject": "{argument name=\"main subject\" default=\"一位看向镜头并指向左侧标题的中年男性\"}",
+    "position": "{argument name=\"subject position\" default=\"画面右侧 1/3\"}",
+    "expression": "{argument name=\"expression\" default=\"有信服感、略带惊讶\"}"
+  },
+  "title_block": {
+    "main_title": "{argument name=\"main title\" default=\"99% 的人都不知道的 ChatGPT 用法\"}",
+    "title_style": "{argument name=\"title style\" default=\"白底黑字粗黑体 + 局部高亮黄色描边\"}",
+    "sub_title": "{argument name=\"sub title\" default=\"一招提升 10 倍效率\"}",
+    "bullet_points": {
+      "count": "{argument name=\"bullet count\" default=\"3\"}",
+      "items": [
+        "{argument name=\"bullet 1\" default=\"自动整理会议纪要\"}",
+        "{argument name=\"bullet 2\" default=\"批量生成 PPT 大纲\"}",
+        "{argument name=\"bullet 3\" default=\"一键写邮件模板\"}"
+      ]
+    }
+  },
+  "platform_marks": {
+    "logo_or_handle": "{argument name=\"creator handle\" default=\"@效率怪人\"}",
+    "duration_label": "{argument name=\"duration\" default=\"06:24\"}"
+  },
+  "style": {
+    "rendering": "封面图必须像真实视频封面，而不是普通海报",
+    "contrast": "标题必须在 1 米外都能看清",
+    "consistency": "整体风格一致，不出现风格冲突"
+  },
+  "constraints": {
+    "must_keep": [
+      "主标题视觉权重最高",
+      "主视觉与标题不相互遮挡",
+      "颜色对比度足够高"
+    ],
+    "avoid": [
+      "标题过长导致换行混乱",
+      "主体表情夸张到掉档次",
+      "边角小字过多"
+    ]
+  }
+}
+```
+
+### 参数策略
+
+- 必问：主标题、主体、平台、风格
+- 可默认：副标题、徽章、小字标签
+- 可随机：bullet points 的次序与具体措辞，但与主题强相关
+
+### 自动补全策略
+
+- 主标题为空时不要自动编造，必须问
+- 副标题缺失可自动补一个“数字 + 动词”句式
+- bullet points 必须 ≤ 4 条
+- 主体表情默认“信服 + 略带惊讶”
+
+## 变体 1：可爱风 VTuber / 主播预告封面
+
+📝 提示词
+
+```json
+{
+  "type": "VTuber / 主播预告封面",
+  "style": "anime, 高对比可爱粉系，闪光、爱心、星星装饰",
+  "character": {
+    "description": "{argument name=\"character description\" default=\"棕发双丸子头动漫女孩，琥珀色眼眸，温柔微笑\"}",
+    "outfit": "{argument name=\"outfit\" default=\"粉色和服 + 白色女仆围裙，樱花发饰\"}",
+    "pose": "{argument name=\"pose\" default=\"手持装饰花朵的粉色麦克风\"}"
+  },
+  "layout": {
+    "background": "{argument name=\"background\" default=\"粉色渐变 + 闪光 + 心形 + 蝴蝶结\"}",
+    "text_sections": [
+      {
+        "type": "顶部丝带",
+        "text": "{argument name=\"top ribbon\" default=\"今晚开播一起聊聊吧～\"}"
+      },
+      {
+        "type": "主标题",
+        "text": "{argument name=\"main title\" default=\"杂谈直播\"}",
+        "decorations": "周围 3 个大桃子插画"
+      },
+      {
+        "type": "中间丝带",
+        "text": "{argument name=\"middle ribbon\" default=\"想和大家度过开心的时光♡\"}"
+      },
+      {
+        "type": "底部要点",
+        "items": [
+          "新人友好",
+          "礼物回收",
+          "ROMO"
+        ]
+      },
+      {
+        "type": "底部说话框",
+        "text": "评论大欢迎♪ 一起多聊聊吧"
+      }
+    ]
+  },
+  "constraints": {
+    "must_feel": "像真实主播预告封面，不是同人插画"
+  }
+}
+```
+
+## 变体 2：开箱 / 评测视频封面
+
+📝 提示词
+
+```json
+{
+  "type": "开箱评测视频封面",
+  "platform": "{argument name=\"platform\" default=\"YouTube\"}",
+  "aspect_ratio": "16:9",
+  "main_visual": {
+    "subject": "{argument name=\"main product\" default=\"一台尚未拆封的科技产品包装盒\"}",
+    "host": "{argument name=\"host description\" default=\"画面左侧主播半身，表情夸张惊喜\"}",
+    "extras": ["盒子周围环绕的发光线条", "局部撕开包装的悬念感"]
+  },
+  "title_block": {
+    "main_title": "{argument name=\"main title\" default=\"全网首发！我把它拆了\"}",
+    "sub_title": "{argument name=\"sub title\" default=\"真的值这个价吗？\"}",
+    "label_badge": "{argument name=\"badge\" default=\"独家\"}"
+  },
+  "constraints": {
+    "must_feel": "强诱因 + 强好奇感"
+  }
+}
+```
+
+## 变体 3：自动补全模式
+
+📝 提示词
+
+```json
+{
+  "type": "短视频封面自动补全模板",
+  "mode": "auto-fill",
+  "rule": "用户只给出主题时，自动补主标题、副标题、主体、风格、配色，但必须保持封面三要素：主标题、主视觉、强对比",
+  "constraints": {
+    "must_feel": "像真实视频平台上抓人封面"
+  }
+}
+```
+
+## 避免事项
+
+- 不要让标题占满整个画面（必须留出主视觉）
+- 不要让标题颜色与背景过于接近，必须高对比
+- 不要在一张封面塞超过 2 行的副标题
+- 不要让主体面部被标题文字大块遮挡
+- 不要混合多个平台的 UI 元素（比如 YouTube 红色播放按钮 + 抖音水印）
+- 不要在“知识科普”封面里出现 emoji 表情堆叠

.teamai/skills/common/gpt-image-2/references/ui-mockups/social-interface-mockup.md

@@ -0,0 +1,250 @@
+# 社交平台界面样机模板
+
+本文件用于生成“社交媒体 App 界面 + 内容”的高度仿真样机，比如微博 / Twitter(X) / 小红书 / Threads / Instagram 等平台的发帖页、动态详情页、评论区。
+
+不是用来做真实截图，而是用来做：
+
+- 概念产品视觉
+- 角色 / 历史人物 / 虚拟 IP 在社交平台的“假账号”
+- 营销 demo
+- 内容创意展示
+
+## 适用范围
+
+- 单条动态详情页（推文 / 帖子）
+- 评论区样机
+- 社交平台个人主页头部
+- 暗黑 / 浅色模式 UI 模拟
+- 多图九宫格 / 多图卡片样机
+
+## 何时使用
+
+- 用户提到“社交媒体样机 / 推文样机 / 微博样机 / Twitter 样机 / 朋友圈样机 / 小红书样机”
+- 用户希望让一个名人 / 角色 / 虚拟身份“在某个平台发了一条 xx”
+- 用户希望生成 UI + 内容融合的运营素材，而不是真实截屏
+
+不要使用本模板的场景：
+
+- 用户只想要一张人物头像
+- 用户想要的是真实功能截图
+- 用户要的是直播带货界面（去 `live-commerce-ui.md`）
+
+## 缺失信息优先提问顺序
+
+当用户只说“做一个社交平台样机”时，按以下顺序提问，能合并的合并：
+
+1. 平台风格：Twitter/X、小红书、微博、Threads、Instagram、通用社交 App
+2. 颜色模式：深色还是浅色
+3. 账号主体：真人 / 名人 / 虚构人物 / 历史人物 / 品牌账号
+4. 帖子内容：核心文案
+5. 是否需要配图，配图主题是什么
+6. 是否允许我自动补全互动数据（点赞、转发、评论文案）
+
+如果用户说“你帮我补全”，则只问平台风格 + 主体身份 + 帖子主题，其余字段自动填充。
+
+## 主模板：单条社交动态详情页
+
+📖 描述
+
+仿真“某社交平台动态详情页”的截图样机，包含：
+
+- 顶部状态栏与导航
+- 帖子作者信息（头像 / 昵称 / handle / 认证标）
+- 帖子正文与可选 hashtags
+- 多图卡片（可选）
+- 互动统计与操作行
+- 底部回复栏与底部 Tab Bar
+
+📝 提示词
+
+```json
+{
+  "type": "移动端社交平台动态详情页样机",
+  "goal": "生成一张高仿真度的社交平台帖子详情页截图，用于做内容样机或概念演示",
+  "platform": {
+    "name": "{argument name=\"platform\" default=\"Twitter / X\"}",
+    "color_mode": "{argument name=\"color mode\" default=\"dark\"}",
+    "language": "{argument name=\"interface language\" default=\"中文\"}"
+  },
+  "header": {
+    "status_bar": "顶部状态栏，显示时间 '{argument name=\"status time\" default=\"19:28\"}'，信号、Wi-Fi、电量图标",
+    "navigation": "返回箭头 + 标题 '{argument name=\"page title\" default=\"帖子\"}'"
+  },
+  "post": {
+    "author": {
+      "avatar": "{argument name=\"avatar description\" default=\"身穿红袍头戴黑帽的中国古代帝王半身肖像\"}",
+      "display_name": "{argument name=\"display name\" default=\"朱元璋\"}",
+      "verified_badge": true,
+      "handle": "{argument name=\"handle\" default=\"@Emperor_Ming\"}",
+      "extra_badges": "{argument name=\"author extra badges\" default=\"皇室认证\"}"
+    },
+    "content": {
+      "text": "{argument name=\"post text\" default=\"今日登基，开启洪武元年。愿与诸卿共建大明！\"}",
+      "hashtags": "{argument name=\"hashtags\" default=\"#洪武元年 #登基大典 #大明王朝\"}",
+      "media_grid": {
+        "count": "{argument name=\"image count\" default=\"3\"}",
+        "images": [
+          "{argument name=\"image 1\" default=\"金色龙椅上的帝王正面照\"}",
+          "{argument name=\"image 2\" default=\"宫殿庭院前万人朝拜的远景\"}",
+          "{argument name=\"image 3\" default=\"帝王骑马率军前进的场景\"}"
+        ]
+      }
+    },
+    "metadata": {
+      "timestamp": "{argument name=\"timestamp\" default=\"下午 1:36 · 1368 年 1 月 23 日\"}",
+      "engagement": "{argument name=\"engagement stats\" default=\"5,432 转发 · 8,765 引用 · 2.01 万 点赞 · 10.23 万 浏览\"}"
+    },
+    "actions": "底部一行操作图标：回复、转发、点赞（红色心形带计数 '1'）、分享、上传"
+  },
+  "comments_preview": {
+    "show": "{argument name=\"show top comment\" default=\"true\"}",
+    "top_comment": {
+      "avatar": "随机普通用户头像",
+      "name": "{argument name=\"top commenter\" default=\"红巾军老张\"}",
+      "text": "{argument name=\"top comment text\" default=\"陛下圣明！愿大明永昌！\"}"
+    }
+  },
+  "footer": {
+    "reply_bar": {
+      "avatar": "当前登录用户的小头像",
+      "placeholder": "{argument name=\"reply placeholder\" default=\"回复给 朱元璋...\"}"
+    },
+    "navigation_bar": "底部 Tab：首页、搜索、通知（带红点 '1'）、消息"
+  },
+  "style": {
+    "rendering": "高保真移动端 UI 截图，1:2 左右纵向比例，看起来像真实手机截屏",
+    "consistency": "整体配色严格遵循平台官方风格"
+  },
+  "constraints": {
+    "must_keep": [
+      "平台 UI 元素层级清晰",
+      "头像、昵称、认证标、handle 都必须正确呈现",
+      "正文文字必须清晰可读"
+    ],
+    "avoid": [
+      "看起来像图片拼接而不是真实 UI",
+      "比例错误导致像桌面网页",
+      "头像与昵称配不上"
+    ]
+  }
+}
+```
+
+### 参数策略
+
+- 必问：平台、颜色模式、账号主体、帖子文案
+- 可默认：状态栏时间、底部 Tab Bar 文案、操作行图标
+- 可随机：互动统计数字、热门评论文案、hashtags 中的次要标签
+
+### 自动补全策略
+
+当用户说“你帮我补全”时：
+
+- 时间默认下午时段
+- 浏览数与点赞数按帖子内容热度估算（小众内容用 K，热点用 W）
+- 评论用真实社区口吻，不要生成空洞模板话
+- hashtags 与帖子主题保持一致，不要塞入无关流量词
+
+## 变体 1：明亮模式 + 中文小红书风
+
+📝 提示词
+
+```json
+{
+  "type": "小红书风格图文动态详情页样机",
+  "platform": {
+    "name": "小红书",
+    "color_mode": "light",
+    "language": "中文"
+  },
+  "header": "顶部为搜索栏 + 头像 + 关注按钮",
+  "post": {
+    "author": {
+      "display_name": "{argument name=\"display name\" default=\"小满 Maya\"}",
+      "tag": "{argument name=\"author tag\" default=\"穿搭 | 探店\"}"
+    },
+    "title": "{argument name=\"post title\" default=\"上海周末 City Walk 路线分享\"}",
+    "cover_image": "{argument name=\"cover image\" default=\"街头年轻女生侧身行走\"}",
+    "swipeable_images_count": 4,
+    "body_text": "{argument name=\"body text\" default=\"安福路 → 武康路 → 五原路，全程 3 公里...\"}",
+    "tags": ["#周末出片", "#City Walk", "#上海周末去哪儿"]
+  },
+  "interaction_bar": "点赞、收藏、评论、分享，全部带数字",
+  "comments_preview": {
+    "count": 3,
+    "messages": [
+      "想要详细攻略！",
+      "这条路线我也走过，超出片",
+      "求穿搭链接 🔗"
+    ]
+  },
+  "constraints": {
+    "must_feel": "像真实小红书图文笔记，而不是海报"
+  }
+}
+```
+
+## 变体 2：品牌账号官方公告
+
+适合品牌、应用、企业账号风格。
+
+📝 提示词
+
+```json
+{
+  "type": "品牌官方账号公告样机",
+  "platform": {
+    "name": "{argument name=\"platform\" default=\"Twitter / X\"}",
+    "color_mode": "{argument name=\"color mode\" default=\"light\"}"
+  },
+  "post": {
+    "author": {
+      "display_name": "{argument name=\"brand name\" default=\"Anthropic\"}",
+      "verified_badge": "official-gold",
+      "handle": "{argument name=\"handle\" default=\"@AnthropicAI\"}"
+    },
+    "content": {
+      "text": "{argument name=\"announcement text\" default=\"Today we're introducing Claude Opus 4.7 — our most capable model yet for coding and complex reasoning.\"}",
+      "media_grid": {
+        "count": 1,
+        "images": ["产品发布主视觉，带 '{argument name=\"product name\" default=\"Claude Opus 4.7\"}' 大字"]
+      }
+    },
+    "metadata": {
+      "engagement": "高互动量级，例如 '12K 转发 / 36K 引用 / 158K 点赞 / 2.3M 浏览'"
+    }
+  },
+  "constraints": {
+    "must_feel": "像官方账号正式发布",
+    "avoid": "出现明显的私人化、口语化措辞"
+  }
+}
+```
+
+## 变体 3：自动补全模式
+
+适合用户只说“给我做一个社交平台样机”。
+
+📝 提示词
+
+```json
+{
+  "type": "社交动态样机自动补全模板",
+  "mode": "auto-fill",
+  "platform_generation": "若用户没说，默认 Twitter / X，深色模式，中文界面",
+  "author_generation": "随机生成一个看起来真实但不冒犯的账号主体",
+  "content_generation": "围绕一个具体且具体感强的话题展开，不要泛而空",
+  "media_generation": "默认 1-3 张配图，与正文紧密相关",
+  "constraints": {
+    "must_feel": "真实、有人味、可信"
+  }
+}
+```
+
+## 避免事项
+
+- 不要让 UI 元素只是纯文字堆叠，必须有头像、按钮、图标三要素
+- 不要把社交平台风格混搭到分不清是哪个平台
+- 不要让正文超过截图所能正常显示的长度，否则会出现严重截断
+- 不要在“品牌官方账号”里生成太私人化或太情绪化的话术
+- 不要生成与平台官方颜色明显冲突的主色（比如 X 出现纯小红书红）