用途:这是一个面向 Codex 的网站设计「图像优先」技能,用于 hero 区、落地页、营销站、创业公司站点、编辑品牌页、产品页、作品集及重设计等注重视觉质量的前端任务。
主要能力:要求先自行生成设计参考图,再深度分析图像,最后才实现前端;强调按区块分别生成大图而非压缩成一张,必要时为同一区块生成额外细节图或重新生成,以提升文字、排版、间距、按钮、卡片、配色与布局的可提取性。内置设计基线配置(如设计变化度、视觉密度、艺术指导、实现清晰度等)与组合变化引擎,用于避免重复的 AI 默认风格。
使用方式:在支持图像生成与实现的环境中,按「推断区块数量→生成区块参考图→按需生成细节图→重新生成不清晰区块→深度分析→提取文字/排版/间距/颜色/布局/按钮/组件逻辑→实现前端」的顺序执行。视觉为主的任务不应先自由编码。
限制:资料未提供具体安装命令、价格、平台支持范围或效果保证;部分规则(如 Codex 内每区块一图)为技能内部约定,实际可用性取决于运行环境是否支持图像生成。