visual-ui-layout-spec
Installation
SKILL.md
UI 布局规格解析
目标
把 UI 截图转为"能照着实现"的规格,同时把两类证据严格分离:
- 视觉语义证据:区域、组件、文案、状态、层级——由 Host 原生视觉或远端 VLM 提供;
- 确定性测量证据:坐标、边界、间距、颜色——由
image_probe.py提供。
本 Skill 不假设当前 Agent 一定能看图。
职责边界
负责:UI 布局规格化(区域、组件、文案、状态、栅格、间距、颜色、字号、圆角、阴影);双轨证据融合;设计令牌 Observed / Normalized / Recommended 三态标注;Evidence Ledger。
不负责:通用图片语义理解(文字提取、对象关系、架构图节点);视觉生成;前端代码实现(仅交付规格)。嵌入页面的架构图/流程图,其位置与容器规格属本 Skill,图内节点/关系不属。