visual-ui-layout-spec

Installation
SKILL.md

UI 布局规格解析

目标

把 UI 截图转为"能照着实现"的规格,同时把两类证据严格分离:

  • 视觉语义证据:区域、组件、文案、状态、层级——由 Host 原生视觉或远端 VLM 提供;
  • 确定性测量证据:坐标、边界、间距、颜色——由 image_probe.py 提供。

本 Skill 不假设当前 Agent 一定能看图。

职责边界

负责:UI 布局规格化(区域、组件、文案、状态、栅格、间距、颜色、字号、圆角、阴影);双轨证据融合;设计令牌 Observed / Normalized / Recommended 三态标注;Evidence Ledger。

不负责:通用图片语义理解(文字提取、对象关系、架构图节点);视觉生成;前端代码实现(仅交付规格)。嵌入页面的架构图/流程图,其位置与容器规格属本 Skill,图内节点/关系不属。

前置条件(零配置)

Installs
1
GitHub Stars
1
First Seen
Aug 27, 2026
visual-ui-layout-spec — huangrx6/agent-skills