mcpField
S
social-graphics

social-graphics

github.com/sanky369营销与增长31604 次安装15 周前更新
代码仓库

关于 social-graphics

这项技能用于规划并生成适配社交平台的静态图形，制定尺寸、版式、叠加文案和图像提示词；配置 API 密钥后，可通过仓库流水线生成素材。

主要功能

  1. 01按平台制定图形规格
  2. 02选择尺寸和宽高比
  3. 03规划标题、正文和行动号召
  4. 04构建预留文案空间的图像提示词
  5. 05通过仓库命令行生成图像

适用场景

  1. 01制作 Instagram 信息流图片和快拍
  2. 02将活动图形适配到多个平台
  3. 03准备 LinkedIn 公告视觉图
  4. 04按平台尺寸生成 Pinterest 图钉或引用卡片

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics

安装后在 Claude Code 中输入/social-graphics确认已加载。

详细介绍

社交媒体图形

将一条信息和一个平台转化为可直接发布的图形。为每个素材制作一份 社交媒体图形规范——平台、精确尺寸、布局、叠加文案和完整的生成提示词——然后通过仓库流水线（docs/creative_cli.py，模型 fal-ai/nano-banana-pro）生成图像。基本原则：社交媒体图形的阅读时间不到两秒——一条信息、一个视觉焦点、一个 CTA；如果观众无法在缩略图大小的扫视中理解要点，那么无论图形放大后看起来多么出色，设计都不合格。

适用场景 / 不适用场景

  • 用于特定平台的静态视觉内容：信息流帖子、快拍、图钉、链接预览图、公告图形、引言卡片、轮播图。
  • Logo、图标、图案、品牌标识 → skills/creative/brand-asset。
  • 独立的产品主视觉图（无平台边框，无叠加文案）→ skills/creative/product-photography。
  • 动态内容 → skills/creative/product-video（以产品为主）或 skills/creative/talking-head（以人物为主）。
  • 尚无品牌风格，且用户希望呈现一致的视觉效果 → 先运行 skills/creative/creative-strategist；其风格指南可供本技能使用。
  • 如果视觉语言本身显得缺乏特色，需要打造原创形象 → 先运行 skills/creative/original-design。

信息收集

集中一次询问，仅询问缺少的信息：

  1. 信息——这篇帖子用一句话表达什么？希望观众采取什么行动（CTA）？
  2. 平台和格式——Instagram 信息流 / 快拍 / 轮播图、LinkedIn、Twitter/X、TikTok、Pinterest？单个平台还是多平台套图？
  3. 品牌限制——是否有来自 skills/creative/creative-strategist 的风格指南、品牌颜色 / 字体或要展示的产品图片？
  4. 语气——专业、潮流、极简还是活泼？

尽量推断，而不是提问：根据平台判断语气（LinkedIn → 专业；TikTok → 活力四射），根据项目中的品牌素材判断颜色。**不要停滞不前：**只要信息和平台明确，就说明其余部分采用的假设并继续。

平台规范（尺寸的权威依据）

平台格式像素CLI 宽高比设计风格
Instagram信息流帖子1080×10801:1鲜艳、高对比度、潮流美学
Instagram快拍 / Reel 封面1080×19209:16满版竖图，文字置于安全区
Instagram轮播图1080×13504:5每张卡片传达一个想法，卡片之间保持视觉连贯
LinkedIn信息流帖子1200×62716:9*专业、可信，文案突出价值
LinkedIn文档页面1200×15004:5清爽易读，采用商务图片
Twitter/X帖子图片1200×67516:9醒目简洁，瞬间抓住视觉注意力
TikTok缩略图 / 图形1080×19209:16醒目的叠加文字、充满活力、真实自然
Pinterest标准图钉1000×15002:3竖版、富有启发性、采用高品质图像
  • 最接近的受支持宽高比；CLI 支持 21:9, 16:9, 3:2, 4:3, 5:4, 1:1, 4:5, 3:4, 2:3, 9:16——始终选择最接近的比例，并注明任何裁切。

工作流

1. 确定平台和格式

如果用户指定了平台，就使用上表。如果没有，则自行判断：B2B / 专业受众 → LinkedIn；消费 / 生活方式 → Instagram；探索 / 教程 / 愿景启发 → Pinterest；面向现有粉丝发布公告 → 选择其拥有粉丝的那个平台（只有确实无法判断时才询问）。如果用户要求多平台发布，先针对限制最多的格式（通常是 1:1 或 9:16）设计主版本，再按各平台适配；切勿将同一张图片拉伸到所有平台。

2. 先写文案，再设计视觉
  • **标题：**不超过 10 个词，直接表达信息，而非吊人胃口。
  • **正文（可选）：**不超过 2 行短句，用于补充标题。
  • **CTA：**2–4 个词，使用行动动词（“立即购买”“获取指南”“查看简介链接”）。

如果文案无法符合这些限制，说明帖子承载了不止一条信息——将其拆分为轮播图或多篇帖子，并告知用户原因。

3. 设计布局

选择一个视觉焦点（产品图、插画、醒目字体），将文案放在最不显眼的区域。决策规则：以照片为主 → 在顶部或底部三分之一处、深色或模糊的色带上放置标题；以字体为主 → 标题本身就是视觉焦点，尽量少用图像；轮播图 → 每张卡片使用相同的布局网格，只更改内容。遵循三分法，留出充足的负空间，字体角色最多 2–3 种（标题 / 正文 / CTA）。

4. 编写生成提示词

公式 — 每条提示词都按顺序包含以下六个部分：

[Platform + format] graphic, [subject/focal point], [color palette from brand or chosen],
[composition: focal point + where copy space is reserved], [tone/mood words],
[dimensions], professional design, high contrast, eye-catching

始终在提示词中明确预留“在 [position] 留出干净的负空间，以便叠加文字”——nano-banana-pro 生成的文字效果不够理想，因此应计划在设计工具中叠加最终文案，不要依赖生成的文字来呈现超过 2–3 个词的内容。

5. 生成

如果设置了 FAL_API_KEY（或 FAL_KEY），运行仓库 CLI（底层使用 docs/fal_api.py，模型为 fal-ai/nano-banana-pro）：

python docs/creative_cli.py social \
  --platform instagram --topic "Product Launch" \
  --prompt "<full prompt>" --aspect-ratio 1:1 --resolution 2K

--platform 接受 instagram|linkedin|twitter|tiktok|pinterest。如果用户要从多个方案中选择，请生成 --num-images 2。如果未设置密钥，则提供规格说明和可直接运行的命令。

6. 对照质量标准进行自检，并交付规格说明 + 图片。

必需的输出格式

每个素材使用一个区块；多平台素材集应先给出主素材，再给出适配版本区块：

# Social Graphic Spec — [Campaign/Message]

## Asset 1 — [Platform · Format]
- **Dimensions:** 1080×1080 (aspect `1:1`) · **Role:** master | adaptation
- **Message:** [one sentence]

### Copy
- Headline: "..." (≤10 words)
- Body: "..." (≤2 lines, or —)
- CTA: "..."

### Layout
- Focal point: ... · Copy placement: ... · Palette: [colors + source: brand guide / chosen]

### Generation prompt
> [full prompt, all six parts]

`python docs/creative_cli.py social --platform [x] --topic "[x]" --prompt "..." --aspect-ratio [x] --resolution 2K`

### Result
- [generated file path(s), or "pending — FAL_API_KEY not set"]
- Post-gen step: overlay final copy in design tool: [yes/no + what]

## Asset 2 — [Platform · Format]
(same structure; for adaptations, note only what changes from the master)

质量标准（交付前检查）

  • 尺寸与平台表格完全一致；宽高比是 CLI 支持的值。
  • 标题 ≤10 个词；总文字 ≤3 个元素（标题、正文、CTA）；每个素材传达一条信息。
  • 文案放置在预留的负空间上，而不是视觉焦点上。
  • 明确说明如何处理文字与背景的对比度（在布局中注明色带、阴影或模糊效果）。
  • 如果存在品牌风格指南，配色和基调应与之相符；如有偏差，应告知用户。
  • 提示词包含公式的全部六个部分，包括预留的文案空间。
  • 多平台素材集：针对每种格式进行适配，绝不拉伸同一张图片；轮播卡片使用相同的网格。
  • 不得编造互动数据；此处的“最佳实践”指南属于经验法则——如果用户询问，应明确说明。

集成

  • skills/creative/creative-strategist → 输入：每份规格说明都必须遵循的风格指南（配色、字体、氛围）。
  • skills/creative/original-design → 输入：用户需要打造原创视觉世界时提供的设计语言简报；每个图形都是其产物。
  • skills/creative/product-photography → 输入：可重复用作视觉焦点图像的产品照片。
  • skills/creative/product-video → 输入：可重复用作帖子视觉素材的主视觉关键帧；消耗：无。
  • skills/creative/brand-asset → 输入：要放置的徽标 / 标记；消耗：无。
  • skills/creative/orchestrator → 按平台将多素材营销活动路由到此技能。

评论

支持 Markdown