用途：按各平台规范生成社交媒体图片，包括帖子、快拍/Reels、轮播、个人与公司封面等，并保证正确尺寸、比例、安全区和平台化设计惯例。工具来自 arnavpuri/designskills，slug 为 social-media-graphic。
主要能力：
- 先读取 .agents/design-context.md 获取品牌色（hex）、字体与风格原型；缺失时使用默认回退并告知用户。
- 默认路径用 Gemini 生成图片，按比例生成后用 --resize WxH 裁切到精确像素；需在提示中说明安全区（如“文字保持在垂直中间 70%”），并逐字检查拼写、手机信息流可读性与安全区。
- 提供各平台尺寸参考表：Instagram 1080x1080 / 1080x1350 / 1080x1440 / 1080x566 / 1080x1920；X 1200x675、1500x500、1200x628；LinkedIn 1200x627、1200x1200、1080x1350、1584x396、1128x191、1920x1080；Facebook 1080x1350 或 1200x630、1640x624、1920x1005；Pinterest 1000x1500 / 1000x2100 / 1000x1000；TikTok 1080x1920。
- 安全区：IG 帖子四周 60px、网格 3:4 中心裁切；IG/FB 快拍上下各 250px、左右 60px，内容区 960x1420；Reels/TikTok 顶部约 220px、底部约 420px、右侧约 130px；X 四周 40px、中心 1120x595；LinkedIn 四周 50px、避开左下互动按钮；FB 封面移动端安全区约 555x312；Pinterest 上下约 80px。
- 平台设计趋势、模板结构（引言帖、公告帖、技巧轮播、前后对比、数据/统计帖）、轮播设计系统（共享变量、顶部强调条、进度点、上滑提示）与互动优化建议（每行最多约 6 词、文本块最多 3 行、IG 最小字号 24px、X/LinkedIn 最小 20px、对比度规则、平台化 CTA）。
使用方式：
- 默认输出为 Gemini 生成的 PNG，按上表比例生成后裁切到精确像素。
- 需要多页轮播或文字较多时，走 HTML/CSS 路径（第 8 步）：生成自包含 HTML 文件，画布宽高正确、通过 <link> 引入 Google Fonts、颜色取自 design-context、使用 CSS 自定义属性并注释可编辑区。
- 导出示例命令（保留原样）：node <graphic-design>/scripts/render.mjs post.html --size 1080x1080 --out post.png；无 graphic-design skill 时使用 chromium --headless --hide-scrollbars --window-size=1080,1080 --screenshot=post.png post.html；或 DevTools > Cmd+Shift+P > "Capture node screenshot"。
- 导出后需读取 PNG，按 Gemini 输出的同样标准检查。
适用场景：品牌一致的社交内容生产、跨平台尺寸适配、多页轮播、带数据或引言的图形、封面与横幅。
限制：未提供具体价格、收费模式、平台覆盖以外的支持范围、生成性能指标或效果数据；Gemini 看不到平台 UI，必须由使用者在提示中交代安全区并人工复核；轮播 HTML 输出除字体外需自包含。