poster-hero · 营销海报
竖版营销海报 skill：生成 1080×1920 HTML 海报并渲染成图，含大标题、卖点卡片和可选二维码，用于产品发布、活动宣传与朋友圈传播。
结构固定四段：品牌/标签、大标题+副标题、3–5 条卖点卡片、底部品牌/二维码与 CTA，按 card-design 设计系统锁定配色字体并填满画幅。
调用示例：在聊天框中说"做一张新品发布海报，产品是智能台灯，卖点是护眼、续航、静音"。
产品详解
定位
poster-hero 生成竖版（1080×1920）高冲击力营销海报：完整 HTML 输出，再用共享脚本自动渲染成图。只做竖版营销/朋友圈分享图这一版式，不做横版卡片与知识卡。
核心能力
- 固定海报结构：上部品牌名/活动标签 + 线性图标；中部视觉中心（大标题字越大越细，Thin/Light 字重 + 留白建立层级，一句话副标题）；下部 3–5 条核心卖点卡片（线性图标 + 短句）；底部品牌/二维码（SVG 占位）+ CTA。
- 风格锁定：生成前读 card-design 设计系统，按内容/Profile 选定一个风格立场并锁定配色与字体，全程只用这一套；海报允许有品味的氛围渐变/深底作背景，但禁蓝紫科技渐变、渐变文字、emoji 当图标。
- 填满画幅：内容覆盖 ≥75% 画高，底部不留死空白。
- Profile 感知：有 Profile 时读取品牌配色替换默认背景、读取品牌名作底部署名；无 Profile 时按内容品类选风格、署名留空。
工作流程
- 从用户需求提取产品/活动信息、大标题、3–5 条卖点、二维码/CTA 需求
- 按 card-design 选定风格立场，锁定配色与字体
- 生成完整 HTML（1080×1920，圆角裁切），写入
outputs/ - 用共享脚本自动渲染成 PNG（
render_card.py --full-page --width 1080 --height 1920）
输入与输出
| 输入 | 说明 |
|---|---|
| 产品/活动信息 | 必填，名称、发布时间/日期等 |
| 核心卖点 | 必填，3–5 条短句 |
| 二维码 | 选填，有则用 SVG 占位 |
| CTA 文案 | 选填，底部行动引导 |
输出：完整 HTML 文件 + 自动渲染的 PNG 图片，均落盘于 outputs/。
与相邻 skill 的区别
三者都是"HTML 单图 → 截图"，仅画幅与场景不同：
| skill | 分工 |
|---|---|
| poster-hero（本） | 1080×1920 竖版营销海报/朋友圈分享图：产品发布、活动宣传 |
| card-quote | 16:9 横版金句/数据卡：单条 hero 观点或核心数字，配微博/知乎/X/公众号 |
| card-xiaohongshu | 1080×1440 竖版小红书知识卡，可多张联排，一套干货拆成多张 |
适用场景
- 产品发布/新品上市的宣传海报
- 活动预热与朋友圈传播图
- 团队获奖、里程碑事件的分享图
使用前准备
- 无需 API key；渲染依赖 playwright + chromium，首次需
pip install playwright && playwright install chromium。 - 文案自备：大标题、副标题、3–5 条卖点由用户提供或经确认后生成。
poster-hero 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。