mcpField
I
image-poster

image-poster

github.com/nexu-io创意与媒体104.6k224 次安装今天更新
代码仓库

关于 image-poster

image-poster 会将 brief 整理为结构化图像生成提示词,通过项目媒体约定发起生成,并交付保存的图像;除非要求变体,每轮生成一张。

主要功能

  1. 01使用项目的图像模型、比例和风格元数据
  2. 02按构图、光线、配色、相机和排除项组织提示词
  3. 03通过统一命令发起图像生成
  4. 04将生成结果保存到项目文件夹
  5. 05除非要求变体,否则每轮生成一张

适用场景

  1. 01根据 brief 生成成品海报
  2. 02按项目设置匹配图像比例与风格
  3. 03生成可在 FileViewer 中查看的单张图像

安装

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

$npx skills add https://github.com/nexu-io/open-design --skill image-poster

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

附带文件example.html

详细介绍

图像海报技能

除非用户要求多个版本,否则每轮只生成一张成品图像。图像生成需要紧凑、结构清晰的提示词——你的工作是根据用户的需求整理提示词,然后提交生成请求。

资源映射

image-poster/
├── SKILL.md         ← you're reading this
└── example.html     ← what the resulting card looks like in Examples

工作流

步骤 0 — 读取项目元数据

当前项目包含 imageModel、imageAspect 和(可选的)imageStyle 说明。将它们作为上游模型、画布和风格的依据。如果没有提供某项参数,请根据需求和媒体约定推断一个稳妥的默认值。只有当选择会实质性影响所需结果,且无法推断出稳妥的默认值时,才提问。

步骤 1 — 编写提示词

调用任何工具前,严格按以下顺序规划:

  1. 主体 + 构图 — 画面中有什么、位置、大小;视线方向和裁切方式。
  2. 光线 + 氛围 — 自然光/影棚光/情绪化光线;暖色/冷色;主光、轮廓光和补光;户外场景需注明时间。
  3. 配色 + 纹理 — 用户提供品牌配色时,使用十六进制色值作为锚点;否则使用 3 个词描述氛围(例如“柔和赭色 + 墨色”)。
  4. 相机/镜头 — 仅当用户要求照片级真实感(“85mm 人像,浅景深”)或指定胶片类型时提供。
  5. 需要避免的内容 — 常见的 AI 生成劣质模式(例如“不要多余手指、扭曲文字或占位徽标”)。
步骤 2 — 通过媒体约定提交生成请求

使用统一调度器——不要手动调用上游服务商的 API。通过 Shell 工具运行:

"$OD_NODE_BIN" "$OD_BIN" media generate \
  --project "$OD_PROJECT_ID" \
  --surface image \
  --model "<imageModel from metadata>" \
  --aspect "<imageAspect from metadata>" \
  --output "<short-descriptive-name>.png" \
  --prompt "<the full assembled prompt from Step 1>"

该命令会输出一行 JSON:{"file": {"name": "...", ...}}。 守护进程会将文件写入项目文件夹;FileViewer 会自动加载该文件。

步骤 3 — 交接

用一段话概述你使用的提示词,并注明调度器返回的文件名(例如:我使用 gpt-image-2 以 1:1 的比例生成了 hero-poster.png。)。不要输出 <artifact> 标签。

严格规则

  • 除非用户要求多个版本,否则每轮只生成一张图像。
  • 严格遵循 imageAspect——上游成本相同;匹配纵横比可避免重新渲染。
  • 除非用户要求画面内文字,否则不要在图像本身添加填充性文字。真实文案优于占位文字。
  • 保存每次渲染结果——不要只描述图像而不生成文件。用户希望能在文件查看器中打开图像。

评论

支持 Markdown