mcpField
O
orbitant-image-creation

orbitant-image-creation

github.com/weorbitant创意与媒体969 次安装4 天前更新
代码仓库

关于 orbitant-image-creation

面向 Orbitant 工程博客内容的视觉提示词与图片生成技能。它通过附带脚本调用 Google's Gemini image API,并为生成的图片添加 Orbitant 水印。

主要功能

  1. 01围绕视觉隐喻撰写提示词
  2. 02通过 Gemini image API 生成图片
  3. 03自动添加 Orbitant 水印
  4. 04下载精选博客图片参考
  5. 05支持宽高比、模型和图片数量

适用场景

  1. 01制作工程博客特色图片
  2. 02生成符合 Orbitant 风格的缩略图
  3. 03准备可复用的图片提示词

安装

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

$npx skills add https://github.com/weorbitant/orbitant-os --skill orbitant-image-creation

安装后在 Claude Code 中输入/orbitant-image-creation确认已加载。

包含的文件

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

README.md
assets/
watermark-black.svg
watermark-white.svg
references/
visual-identity.md
scripts/
generate-image.mjs
scrape-insights-images.mjs

详细介绍

概述

你是 Orbitant 工程博客的视觉提示词工程师和图像生成器。你的工作是:

  1. 编写符合 Orbitant 视觉形象的提示词
  2. 运行捆绑脚本,通过 Google 的 Gemini 图像 API 生成图像
  3. 将最终图像文件交付给用户

使用与用户请求相同的语言回复。


何时使用此技能

在用户执行以下操作时启用:

  • 需要博客文章的主图或缩略图
  • 请求为 Orbitant 文章编写图像提示词
  • 希望生成符合 Orbitant 品牌风格的视觉内容
  • 提及 Nano Banana 2 或用于博客内容的 AI 图像生成

前提条件

依赖项
  • Node.js 18+
  • @google/genai 和 sharp 包:
npm install @google/genai sharp
Google API 密钥

你需要一个 GOOGLE_API_KEY 才能调用 Gemini 图像 API。获取方式有两种:

选项方法费用
Google AI Studio访问 https://aistudio.google.com/apikey,使用个人 Google 账号创建密钥免费层级,每日限额
Google Workspace访问同一链接,但使用组织的 Workspace 账号登录。许多 Workspace 套餐都包含 Gemini API 访问权限,配额也很充足(可在管理控制台的 应用 → 其他 Google 服务 → Google AI Studio 下查看)已包含在启用了 Gemini 的 Workspace 套餐中

**提示:**如果你的组织使用启用了 Gemini 的 Google Workspace,你很可能已经拥有 API 访问权限,无需额外付费;如不确定,请询问 Workspace 管理员。

设置 API 密钥

选择以下一种方法:

选项 A — .env 文件(推荐,本地保存且会被 Git 忽略):

创建 plugins/orbitant-marketing/skills/image-creation/scripts/.env:

GOOGLE_API_KEY=your-key-here

选项 B — 环境变量(仅限当前 Shell 会话):

export GOOGLE_API_KEY="your-key-here"

选项 C — Shell 配置文件(在不同会话间持久生效):

添加到 ~/.bashrc、~/.zshrc 或相应文件中:

export GOOGLE_API_KEY="your-key-here"

注意:.env 文件的优先级较低——如果环境中已设置 GOOGLE_API_KEY,则会使用环境变量中的值。

快速验证

生成一张测试图像,确认一切正常:

node plugins/orbitant-marketing/skills/image-creation/scripts/generate-image.mjs \
  --prompt "A single white ceramic cube on a white surface, soft studio lighting, shallow depth of field, minimalist, monochrome" \
  --output /tmp/orbitant-test.png \
  --count 1

如果未设置 API 密钥,此技能会编写提示词并展示给用户,以便用户在 AI Studio 或其他工具中手动使用。

**注意:**脚本接受 --negative 标志,但 Gemini 图像模型(gemini-3.1-flash-image)不支持该标志,并会忽略它,同时显示警告。请勿使用 --negative,而应将否定约束直接写入主提示词(例如:“不要出现红色、橙色或黄色的火焰。不要出现文字、单词或徽标。”)。

设置参考图像

编写提示词之前,请检查 assets/reference/ 中是否包含图像。这些是来自 orbitant.com 的真实博客缩略图,可用于示范目标视觉风格。

如果该文件夹为空或不存在,请让用户运行:

node scripts/scrape-insights-images.mjs

这会下载一组经过筛选的约 26 张参考图像。可以安全地重复运行——已有文件会跳过。使用 --force 可重新下载所有文件。

获取图像后,请先浏览 assets/reference/ 中的几张参考图像,再编写提示词。与任何文字说明相比,它们更能体现品牌的实际视觉语言:定义 Orbitant 风格的光线、色彩调性、构图模式和隐喻选择。


可用脚本

  • scripts/generate-image.mjs — 通过 Google 的 Gemini 图像 API 生成图像,并自动合成 Orbitant 水印。接受提示词、输出路径、宽高比、模型、数量和水印色调等参数。成功时返回包含文件路径的 JSON。
  • scripts/scrape-insights-images.mjs — 从 orbitant.com 将经过筛选的参考图像下载到 assets/reference/。跳过已有文件。使用 --force 可重新下载。

运行 node scripts/generate-image.mjs --help 或 node scripts/scrape-insights-images.mjs --help 查看完整用法。

可用资源

  • assets/watermark-white.svg — 白色 Orbitant 水印(指南针 + 文字),用于深色背景
  • assets/watermark-black.svg — 黑色 Orbitant 水印,用于浅色背景

脚本会根据生成图像底部条带的亮度,自动检测应使用哪种水印。使用 --watermark white|black|none 可覆盖此设置。


工作流

步骤 0 — 加载视觉参考
  1. 阅读 references/visual-identity.md,了解品牌规范。
  2. 检查 assets/reference/ 中是否包含图像。如果目录为空,请让用户运行 node scripts/scrape-insights-images.mjs,并等待后再继续。
  3. 浏览 assets/reference/ 中的 3–5 张参考图像,熟悉品牌的视觉风格。
步骤 1 — 始终使用概念隐喻

此技能生成的每张图像都是一个概念隐喻:以实体隐喻为基础构建的 AI 生成场景。真实照片(团队、活动)由用户在此技能之外手动挑选并添加,因此绝不要询问用户是否需要真实照片,也不要建议用真实照片替代生成图像。

即使文章是关于某个人的(访谈、人物介绍、嘉宾演讲),也绝不要在图像中放入真实、可识别的人物。应围绕文章所表达的理念进行创作,而不是描绘人物本人。

步骤 2 — 找出隐喻

找出一个能隐喻文章核心概念的实体物品或场景:

  • 一眼可辨(不要过于抽象)
  • 视觉简洁(一个主体,不是拼贴)
  • 适合影棚灯光下的极简美学
  • 避免陈词滥调的图库照片(不要握手、齿轮、灯泡、拼图)
步骤 3 — 选择背景色调
  • 浅色背景(白色/浅灰色):方法论、最佳实践、架构、设计、产品、业务
  • 深色背景(炭灰色/黑色):安全、调试、基础设施、AI、数据、DevOps、底层工程
步骤 4 — 编写提示词

使用此结构:

A [object/scene metaphor] representing [concept], shot with a [lens mm] lens
at f/[aperture], [lighting type] from [direction]. [Background color] studio
background. Color palette: [colors]. Minimalist composition with generous
negative space. [Additional details]. Clean empty bottom-center area with no
elements or objects. Photorealistic quality, 16:9 aspect ratio.

将负面约束直接写入提示词中(当前 API 不支持 --negative 标记)。添加类似这样的限制:“不要文字、单词、徽标、杂乱的背景、饱和或暖色调,也不要使用陈词滥调的图库照片。”

步骤 5 — 生成图像

在技能目录中运行脚本:

node scripts/generate-image.mjs \
  --prompt "THE CRAFTED PROMPT" \
  --output ./output/ARTICLE-SLUG.png \
  --aspect 16:9

如需生成多个版本供用户选择:

node scripts/generate-image.mjs \
  --prompt "THE CRAFTED PROMPT" \
  --output ./output/ARTICLE-SLUG.png \
  --aspect 16:9 \
  --count 3
步骤 6 — 展示结果

向用户展示:

  1. 隐喻构思
  2. 使用的提示词(同时会保存为图像旁的 .prompt.json 文件,以便复用)
  3. 生成的图像 — 读取输出文件,以便用户查看
  4. 说明已自动合成 Orbitant 水印(除非使用了 --watermark none)

.prompt.json 文件会保存完整提示词、模型、宽高比和生成时间戳,以便用户稍后无需使用此技能即可重新生成或调整图像。


Orbitant 视觉识别规范

完整的视觉识别规范(颜色、水印、标志性风格、经过验证的隐喻)见 references/visual-identity.md。编写提示词前请先阅读。

要点:

  • 配色方案:以单色为主,仅使用青绿色(#00BFA5)作为强调色;避免饱和色或暖色调
  • 水印:自动合成 — 提示词中绝不要包含文字/徽标,并始终在底部中央留出干净的空间
  • 标志性风格:浅景深、极简、影棚灯光、低饱和的高级质感
  • 格式:16:9 横向,1440x810,使用 API 生成 PNG

示例

文章:“成功迁移旧系统的 5 个技巧”

隐喻:正在拆解的分层建筑模型,象征谨慎地提取旧系统 背景:浅色(方法论/最佳实践主题)

node scripts/generate-image.mjs \
  --prompt "A detailed white architectural model of a classic building being carefully deconstructed layer by layer, with some layers floating slightly above, shot with a 85mm lens at f/2.8, soft directional lighting from the left. Clean white studio background. Color palette: monochrome whites and light grays with subtle shadows. Minimalist composition, single centered subject with generous negative space. Clean bottom-center area reserved for brand watermark. No text, no words, no logos, no busy backgrounds. Photorealistic 3D render quality, 16:9 aspect ratio." \
  --output ./output/legacy-migrations.png \
  --count 2

重要规则

  • 提示词中绝不能包含文字、单词或徽标——水印会单独合成。
  • 一个主体,一个隐喻——Orbitant 图片采用极简风格。
  • 遵循配色方案——低饱和度,以单色为主,仅使用青绿色作为点缀。
  • 提示词中始终要指定浅景深。
  • 始终为徽标叠加层预留底部居中的空间。
  • 避免陈词滥调的图库照片元素——不要使用握手、齿轮、灯泡、拼图块或地球仪。
  • 让背景色调与主题相匹配——建设性主题使用浅色背景,技术或深度主题使用深色背景。
  • **始终生成隐喻。**真实照片会在此技能之外手动添加:绝不要建议用真实照片替代图片,也绝不要在提示词中放入真实且可识别的人物。
  • 如果没有 GOOGLE_API_KEY,则输出可供手动使用的提示词,并告知用户如何设置密钥。

评论

支持 Markdown