mcpField
I
ideogram

ideogram

github.com/social-media-skills设计与 UI210623 次安装2 周前更新
代码仓库

关于 ideogram

Ideogram 是一项图像提示词编写技能,帮助设计师为 Ideogram 4.0 组织强调文字、版式与品牌色的生成提示。它涵盖结构化 JSON 提示和应用内编辑工作流。

主要功能

  1. 01结构化 JSON 版式提示
  2. 02精确指定文字与位置
  3. 03按十六进制色值设定配色
  4. 04透明背景与文字图层指导
  5. 05覆盖画布及应用内编辑流程

适用场景

  1. 01制作文字清晰的社交媒体卡片
  2. 02按品牌配色设计海报或广告
  3. 03规划含边界框的复杂版式

安装

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

$npx skills add https://github.com/social-media-skills/skills --skill ideogram

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

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

evals/
evals.json
references/
app-editor-and-canvas.md
examples.md
json-prompting-and-layout.md
text-rendering-and-recipes.md
when-and-how-to-prompt.md

详细介绍

Ideogram(图像提示词创作)

编写提示词,让 Ideogram(Ideogram 4.0)生成 具有设计品质、文字准确且布局经过精心设计的图像。这是三层设置中的 提示词创作 层,也是 image-prompt 路由下与 nano-banana 并列、侧重 排版与布局 的工具。

  • 连接/API(按图计价、MCP、生成 → 上传到 WoopSocial Media → 附加 流程)→ tools/integrations/ideogram.md。
  • 提示词创作(本技能)→ 如何有效指导生成合适的素材。
  • 路由器 → image-prompt 根据任务选择工具。

本技能涵盖 两种工作方式:生成 提示词创作(如下)和 Ideogram 的 应用编辑器工作流(Canvas、Magic Fill、Extend、Style References、Magic Prompt、Layerize)——在编辑器中工作时,请参阅 references/app-editor-and-canvas.md。每季度重新核实模型和规格。

适合使用 Ideogram 的场景……(根据任务选择)

它的真正优势:图像内文字渲染(突出优势——文字清晰易读且准确)、确定性布局(按边界框放置)、符合品牌的色彩(十六进制调色板)、原生 2K 和 透明背景(Background Remover)。遇到 对话式编辑 / 纯写实场景 时,选择 其他工具(→ nano-banana);需要特定 艺术工作室风格 时,也选择其他工具(→ 写实分支)。不要默认所有图像任务都用它。(详情:references/when-and-how-to-prompt.md。)

步骤 0 — 阅读品牌资料并了解任务

加载 brand-profile.md(以十六进制表示的调色板、字体风格、注意事项)。确定 任务(引言卡片 / 轮播封面 / 海报 / Logo 概念 / 广告 / 标识)和 宽高比(4:5、9:16、1:1)。

步骤 1 — 指导布局,而不仅是描述场景

像设计师一样描述:主体/场景/风格 · 文字元素(确切文本 + 样式 + 位置)· 十六进制调色板 · 布局/层级 · 格式(2K、宽高比)。不要把文案藏在含糊的句子里。以品牌为基础。参阅 references/when-and-how-to-prompt.md。

步骤 2 — 善用优势:结构化 JSON

Ideogram 4.0 原生支持 JSON。要精确、可重复地控制 布局/文字/颜色,请编写 结构化 JSON:为各元素指定 边界框、十六进制调色板(最多约 16 种颜色),并为每个文字元素指定 字面字符串 + 视觉样式。也可通过 magic-prompt 输入普通提示词,由它扩展为 JSON。参阅 references/json-prompting-and-layout.md。

步骤 3 — 文字、透明背景与配方

  • 文字: OCR 准确率约 0.97,支持多语言、多行文字、Logo/标识——但 务必检查每次生成结果。
  • 透明背景: Background Remover → 干净的 Alpha 抠图。Layerize Text(实时处理,测试版)可将渲染出的文字转换为 可编辑图层——无需重新生成即可重新设置样式或改写文案;对清晰、笔直的字体效果最佳。输出 2K;宽高比须为 16 的倍数。
  • 选择一种 配方(引言卡片、轮播封面、Logo 概念、广告、海报)。参阅 references/text-rendering-and-recipes.md。

步骤 4 — 低成本迭代,然后核验、披露并交付

  • 使用 Turbo / magic-prompt 迭代以确定布局;使用完善后的 JSON 在 Quality 上完成最终生成。按图计价——提示词/布局的精确度决定成本与质量。
  • 发布前 核验 渲染出的 文字 和构图。
  • 披露 AI 图像(EU AI Act 第 50 条、California AB 853),并使用 C2PA 签名;绝不可将 AI 图像伪装成真实照片。开放权重 不可用于商业用途(商业用途 → 套餐/API)。
  • 交付: 按集成指南生成 → 上传到 WoopSocial Media → 附加,通过 scheduling-and-queue 完成。WoopSocial 不会生成图像。

质量标准 — 自检

  • 我是否根据任务匹配了工具(对话式/照片级真实图像交给 nano-banana)?
  • 文字元素是否已明确指定(准确字符串 + 样式 + 位置),并设置了十六进制色板和 2K/ 纵横比,且以品牌为依据?
  • 对布局/文字精度有要求时,我是否使用了 JSON(日常需求则使用 magic-prompt)?
  • 我是否规划了低成本迭代 → 最终定稿,并验证渲染后的文字?
  • 我是否处理了披露 + C2PA、非商业许可,并拒绝生成真实人物/IP/徽标?
  • 我是否指向 tools/integrations/ideogram.md,介绍 API + WoopSocial 工作流(没有声称 WoopSocial 会生成图像)?

边缘情况与异议处理

  • “准确的标题 + 品牌颜色 + 位置” → 使用结构化 JSON(边界框 + 十六进制色板)。
  • 对话式指令“现在更改背景” → 交给 nano-banana;Ideogram 以布局为先。
  • 真实人物/受版权保护的 IP 或徽标/“作为真实照片发布” → 拒绝;进行披露 + C2PA;提供原创/自有替代方案。
  • “可编辑文字图层” → Layerize Text 已上线(测试版,适用于所有套餐 + API 端点**)** — 最适合清晰、笔直的标准字体;可能无法检测到弯曲/装饰性文字。
  • “在 WoopSocial 中生成” → WoopSocial 不会生成图像;此操作会触发 Ideogram,然后将图像上传到 Media 并附加。
  • 图像中包含较长段落的文字 → 保持行文简短、层级清晰;验证渲染结果。

相关内容

  • tools/integrations/ideogram.md — API/定价/MCP、上传到 WoopSocial 的工作流。
  • image-prompt — 路由工具;nano-banana — 对话式/照片级真实图像工具。
  • brand-profile — 视觉品牌;carousel-writer、caption-writer、hook-writer — 与素材配套的文案;veo-3 — 将静态图像转为视频(图像转视频)。
  • scheduling-and-queue — 将图像附加到帖子并发布。

参考资料

  • references/when-and-how-to-prompt.md — 何时选择 Ideogram 而非其他工具,以及提示词的组成。
  • references/json-prompting-and-layout.md — 4.0 版的差异化优势:结构化 JSON、边界框、色板。
  • references/text-rendering-and-recipes.md — 文字方面的强项、透明背景/2K、社交媒体方案。
  • references/app-editor-and-canvas.md — 应用内编辑器工作流:Canvas、Magic Fill、Extend、Style References、Magic Prompt、品牌模型。
  • references/examples.md — 从弱到强的示例、JSON 布局、文字较多的卡片,以及对适用范围的如实说明。

评论

支持 Markdown