design-spatial - 设计并验证界面空间构图
通过渲染界面、审查截图、测量视觉平衡、缩短任务路径并检查横向溢出来指导网页界面构图。
标签
更新于: 2026-10-05能力
典型输入
典型输出
该技能可以做什么
- 在多种宽度渲染页面
- 用独立视角审查截图
- 测量横向溢出
- 追踪用户任务流程
- 测量视觉平衡
- 迭代界面构图
输入
- 网页界面源代码
- 产品领域背景
- 用户任务顺序
- 目标视口宽度
- 页面渲染截图
输出
- 界面渲染截图
- 布局审查结果
- 溢出测量结果
- 响应式布局变更
- 平衡测量结果
要求
- 静态网页服务器
- 无头 Playwright
- 独立审查代理
- 浏览器 JavaScript 执行环境
