Draw UI Skill 默认追求简洁、现代、有自身风格的 UI;已有品牌、明确主题和用户指定风格优先。视觉质量与业务完整性分别验收,不能用内容齐全、对齐规整替代设计成立。 脚本与资源路径相对于本 Skill 目录,执行前解析为绝对路径。设计说明、图片和运行记录保存到任务目录。浏览器、开发者工具及外部服务沿用当前任务授权;能力不可用时完成可执行部分,并说明未验证项。 确定范围 先从请求、项目和参考图提取以下信息。信息足够就执行;只有缺失信息会改变核心流程时才集中询问,不要求用户先找参考图。 | 判断 | 默认处理 | | --- | --- | | 页面目标 | 用户是谁、要完成什么任务、主要操作与真实内容 | | 页面范围 | 区分组件、单屏、滚动页面和完整落地页;官网或落地页默认从导航到页脚 | | 目标设备 | 分开记录逻辑视口与图片像素;竖向长图不代表手机布局 | | 交付方式 | 只要设计稿就交付图片与实现说明;要求实现时才编写代码 | | 现有约束 | 复用组件、字体和设计规范,保留用户指定的固定区域 | 选择执行路径 只读取当前路径需要的资源,沿用已有设计说明,不为相同信息重复建表。 | 路径 | 执行顺序 | | --- | --- | | 新设计或风格探索 | 按 UI 设计与验收 确定视觉构思、组织提示词、生成并检查;完整长页再读 长页生成 | | 截图还原…