social-graphic

社交媒体图形设计技能

创建精美的社交媒体图形和视觉素材，并针对特定平台进行优化。此技能会处理平台专属的尺寸、安全区域和设计限制，以生成能在各个渠道正确显示并取得良好效果的素材。

适用场景

当用户需要以下内容时，调用此技能：

• 社交媒体帖子图片——Twitter/X、LinkedIn、Instagram
• 新闻简报页眉——Substack、电子邮件营销活动
• 博客特色图片——OG 图片、主视觉横幅
• 课程缩略图——平台专属封面图片
• 个人资料图片和封面图片——页眉、横幅、头像

如需制作 YouTube 缩略图，或任何需要专项 CTR 优化的缩略图，请改用 creator-stack:thumbnail 技能。

平台规格确认

生成任何素材前，先确定目标平台和格式。平台规格从 references/platform-specs.md 加载。

确认顺序：

1. 如果调用方编排器提供了平台上下文（尺寸、格式），直接使用
2. 如果用户指定了平台，从参考文件加载规格
3. 如果平台不明确，询问用户需要哪个平台和格式

生成前务必确认尺寸。尺寸不匹配会导致目标平台上的图片被裁切、出现黑边或放大后模糊。

标准工作流

1. 确定平台和格式

根据用户请求或编排器上下文，确定目标平台和具体格式。从 references/platform-specs.md 加载匹配的规格，包括尺寸、宽高比、安全区域和文字限制。

2. 收集上下文

收集设计图形所需的信息：

• 主题或对象——图形内容
• 核心信息——主要文字或行动号召
• 品牌元素——徽标、颜色、字体排印（根据品牌指南确定）
• 参考图片——需要融入的现有素材、风格参考或照片
• 风格基调——专业、轻松、大胆、简约等

3. 设计概念

创建符合平台限制的设计概念：

• 在安全区域内设计（文字和关键元素需位于画面 80% 的范围内）
• 遵循平台规格中的最小字号要求
• 确保构图适合平台上的典型显示尺寸
• 适用时，遵循 creator-stack:thumbnail 参考资料中的缩略图设计原则（快速浏览测试、焦点、对比度）

4. 生成图片

使用 creator-stack:nanobanana 技能生成图形：

• 设置与平台规格匹配的正确宽高比
• 最终生产素材使用 Pro 模型，草稿和探索阶段使用 Flash
• 通过绝对路径传入任何参考图片
• 在提示词中加入品牌专属的风格指导

5. 品牌规范检查

调用 creator-stack:brand-guidelines，检查生成的图形是否符合以下要求：

• 品牌配色和字体排印
• 视觉风格一致性
• 禁忌模式（品牌应避免的内容）
• 此类素材的设计系统规则

对于 The AI Launchpad 的素材，此步骤为必需。对于其他品牌，请检查 ~/.claude/skills/ 中是否存在品牌指南技能，并应用任何相关限制。

6. 审核并迭代

根据下方的质量检查清单审核生成的图形。如果未通过，使用 creator-stack:nanobanana 并将原图作为参考图片进行修改。最多迭代两轮。

7. 呈现给用户

向用户呈现最终图形，并附上：

• 生成的图片
• 使用的平台和尺寸
• 关于安全区域或裁切行为的说明
• 配套文案或替代文本建议

品牌规范

为 The AI Launchpad 创建视觉素材时，请调用 creator-stack:brand-guidelines，以确定正确的设计系统并检查反模式。这样可确保所有社交媒体图片都与既定的品牌形象保持一致。

对于其他品牌，请检查 ~/.claude/skills/ 中是否存在品牌规范技能，并应用所有相关的设计约束。如果没有品牌规范，请遵循目标平台的通用最佳实践。

质量检查清单

向用户展示任何图片前，请确认：

1. 尺寸正确 -- 与目标平台的规格完全一致
2. 符合安全区域要求 -- 文字和关键元素位于画面的 80% 范围内
3. 文字清晰易读 -- 所有文字在平台的常见显示尺寸下都清晰可读
4. 品牌一致性 -- 颜色、字体和风格均符合品牌规范
5. 视觉清晰 -- 构图简洁，焦点明确，没有杂乱元素
6. 符合平台限制 -- 遵守文字叠加限制和文件大小建议
7. 对比度和无障碍性 -- 对比度充足，确保在不同设备上都易于阅读
8. 没有裁切问题 -- 平台界面叠加元素不会遮挡关键内容