用途:在创建或编辑 squad 时,为产出图像的 design agent 定义视觉模板。触发条件为 squad 技能列表中存在 image-creator 或类似图像生成技能。
主要能力:读取上下文与 3 个基础模板(model-a/b/c.html),生成 3 个适配变体,用 image-creator 渲染为 PNG,展示文件路径供用户审阅,按反馈迭代,最终保存获批模板。
使用方式:先阅读 _opensquad/core/best-practices/image-design.md 与 squad 的 discovery.yaml、design.yaml、company.md、preferences.md;再读取 skills/template-designer/base-templates/ 下基础模板;生成变体保存到 squads/{code}/_build/template-a/b/c.html,渲染为同名 PNG;用绝对路径的 markdown 链接展示给用户,等待反馈并迭代。获批后保存 squads/{code}/pipeline/data/template-reference.html 与 visual-identity.md,并更新 squad.yaml 与 design agent 的 .agent.md。
硬性规则:固定尺寸——Instagram 轮播 1080x1440、Story/Reel 1080x1920、Post 1080x1080、LinkedIn 1200x627;根容器必须显式设置像素宽高。最小字号——Hero 58px、Heading 43px、Body 34px、Caption 24px,任何平台可读文本绝对最小 20px;正文及以上字重不低于 500。颜色最多 5 种,对比度至少 WCAG AA 4.5:1,仅用 CSS Grid/Flexbox,HTML 自包含且仅允许 Google Fonts @import,不加幻灯片计数。
适用场景:squad 创建的设计阶段或编辑设计智能体视觉身份时。
限制:需已安装 image-creator 技能且 _build/ 目录存在;违反尺寸与排版规则的模板会被拒绝。其他收费、平台支持等信息暂未提供。