Graphic Design 是面向一次性视觉图形生成的核心设计技能，支持两种输出模式：默认使用 Gemini 3.1 Flash Image Preview 根据提示词和参考图生成图像；也可生成生产可用的 HTML/CSS/SVG，适合需要可编辑、可动画或大量精确文案的场景。
使用流程：先读取 .agents/design-context.md 获取品牌色、字体与风格原型，文件不存在则使用默认回退并告知用户；随后分析图形用途（促销、信息、情感、庆祝、公告、品牌认知），确定必要元素与尺寸。图像生成路径需用叙事化提示词描述场景、颜色、字体、氛围与排除项，可传 --image product.png 引用产品图。Gemini 仅支持 1:1、2:3、3:2、3:4、4:3、4:5、5:4、9:16、16:9、21:9、1:4、4:1、1:8、8:1 比例，其他尺寸需生成最近比例后用 --resize 居中裁剪。可生成一次母版再用 export-sizes.py 批量导出社交、广告、视频尺寸。任何输出都必须先读取检查：文字拼写、可读性、品牌色、焦点、裁剪与产品是否变形；文本修复两次失败后应改为无文字图加 HTML 覆盖文字，用 render.mjs 渲染最终 PNG，内容溢出时退出码为 3。
技能涵盖三分法、黄金比例、焦点层级、Z/F 阅读模式等构图原则；互补色、60-30-10、渐变与叠加等色彩策略；标题层级、渐变/描边/发光文字等排版手法；以及极简、大胆、奢华、俏皮、企业、复古、粗野等风格框架。限制：未提供收费、价格与平台信息；具体 API 与 CLI 细节另见 image-generation 技能；代码路径除字体外需自包含。