别再让品牌图”跑偏”了：这个 Skill 让 AI 出图守住你的视觉底线

你有没有过这种体验：让 AI 随手生成几张产品图、活动海报，效果确实惊艳，可放回品牌素材库一看——配色不对、风格跑偏、气质跟官网完全不像。
明明用的是同一个模型，结果出来的东西像是”外包给了另一个团队”。

今天要聊的，就是 BuilderIO 开源的这个 image-generation Skill，专门解决一个看起来很玄、实际上很刚需的问题：如何让 AI 自动生成、迭代、修正图片时，始终对齐品牌规范。

它是什么

这个 Skill 藏在 BuilderIO 的 agent-native 仓库里，命名直白到有点粗暴：image-generation。
它的核心职责不是”调出好看的图”，而是在生成前把品牌约束绑死，包括：

• 品牌库引用：直接 @brand-kit，把 Logo、配色、字体、视觉资产当生成锚点
• 预设参数接管：通过 @preset 锁定比例、分辨率、模型与风格档位
• 参考图 determinism：只允许从指定的 canonicalStyleAssetIds 或 isStyleAnchor 资产里采样，而不是让模型随机”发挥”
• 迭代链路保留：每轮 refine-image 都会挂住 session，方便设计师接手继续微调

简单翻译：不是让 AI 自由创作，而是让 AI 在品牌画框里创作。

谁适合用

• 品牌/设计团队：需要批量产出产品 Mockup、营销 Banner、Hero 图片，但又怕 AI 跑偏
• 内容/营销运营：高频出图但缺乏统一视觉语言，换个人调参数图风就变
• 产品设计工作室：给客户做视觉提案，需要”一张图 + 一个品牌体系”同时交付
• Agent 原生应用：如果你在用 BuilderIO 的 agent-native 体系，这个 Skill 就是现成的资产生成节点

亮点在哪

第一，品牌资产是活引用。不像多数 Skill 只是把品牌指南转成一段 prompt，这个 Skill 直接把 brand-kit、preset、media-type 映射为结构化参数，传给底层的 generate-image / generate-image-batch / refine-image 接口。
第二，迭代可追溯。对设计师来说，generation session 保留 lineage 非常重要——哪一版、基于什么参考、改了什么，都能回滚。
第三，3.6k Star + BuilderIO 背书。不是小作坊玩具，而是商业化产品里的真实模块，已经在生产环境被验证过。

怎么开始

直接把仓库克隆下来，把 .agents/skills/image-generation 目录放进你的 Skill 配置即可：

GitHub： https://github.com/BuilderIO/agent-native/tree/main/templates/assets/.agents/skills/image-generation

如果你的项目已经在用 BuilderIO 的 agent-native，它几乎就是开箱即用的存在。
如果你只是想要一个”生成图片时自动读品牌配置”的 Skill，也可以把 SKILL.md 里的逻辑移植到自己的 Agent 工具链里。

总结一句话： AI 出图不难，难的是让 AI 出图”像你的品牌”。这个 Skill 就是把那个”难”自动化掉。

GitHub: https://github.com/BuilderIO/agent-native/tree/main/templates/assets/.agents/skills/image-generation