关于 image-poster
image-poster 会将 brief 整理为结构化图像生成提示词,通过项目媒体约定发起生成,并交付保存的图像;除非要求变体,每轮生成一张。
主要功能
- 01使用项目的图像模型、比例和风格元数据
- 02按构图、光线、配色、相机和排除项组织提示词
- 03通过统一命令发起图像生成
- 04将生成结果保存到项目文件夹
- 05除非要求变体,否则每轮生成一张
适用场景
- 01根据 brief 生成成品海报
- 02按项目设置匹配图像比例与风格
- 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 — 编写提示词
调用任何工具前,严格按以下顺序规划:
- 主体 + 构图 — 画面中有什么、位置、大小;视线方向和裁切方式。
- 光线 + 氛围 — 自然光/影棚光/情绪化光线;暖色/冷色;主光、轮廓光和补光;户外场景需注明时间。
- 配色 + 纹理 — 用户提供品牌配色时,使用十六进制色值作为锚点;否则使用 3 个词描述氛围(例如“柔和赭色 + 墨色”)。
- 相机/镜头 — 仅当用户要求照片级真实感(“85mm 人像,浅景深”)或指定胶片类型时提供。
- 需要避免的内容 — 常见的 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