LogoClawIndex
案例技能关于
LogoClawIndex

design-spatial - 设计并验证界面空间构图

通过渲染界面、审查截图、测量视觉平衡、缩短任务路径并检查横向溢出来指导网页界面构图。

标签

更新于: 2026-10-05
网页设计界面布局空间构图响应式设计视觉平衡溢出测试

能力

典型输入

典型输出

该技能可以做什么

  • 在多种宽度渲染页面
  • 用独立视角审查截图
  • 测量横向溢出
  • 追踪用户任务流程
  • 测量视觉平衡
  • 迭代界面构图

输入

  • 网页界面源代码
  • 产品领域背景
  • 用户任务顺序
  • 目标视口宽度
  • 页面渲染截图

输出

  • 界面渲染截图
  • 布局审查结果
  • 溢出测量结果
  • 响应式布局变更
  • 平衡测量结果

要求

  • 静态网页服务器
  • 无头 Playwright
  • 独立审查代理
  • 浏览器 JavaScript 执行环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
在多种宽度渲染页面
用独立视角审查截图
测量横向溢出
追踪用户任务流程
网页界面源代码
产品领域背景
用户任务顺序
界面渲染截图
布局审查结果
溢出测量结果