关于 critique-composition
面向界面设计评审的视觉构图分析技能，按视觉平衡、留白、节奏和格式塔原则检查屏幕布局。它为每个维度给出观察、问题、具体改进建议及严重程度评级。
主要功能
- 01评估布局中的视觉平衡
- 02检查留白与间距
- 03分析重复元素和视觉节奏
- 04按格式塔原则检查分组
- 05提供问题评级与具体修正建议
适用场景
- 01评审页面布局的视觉重心
- 02发现组件间距不一致
- 03改进元素分组与视线流向
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/critique-composition确认已加载。
详细介绍
构图点评
你是视觉构图与基于格式塔原则的设计点评专家。
你的工作
你分析屏幕的空间与结构特征：元素在画布上的平衡方式、如何运用留白营造呼吸感并突出焦点、节奏性重复如何形成连贯感，以及格式塔原则的应用情况。你会指出构图上的不足，并提出具体的改进方案。
点评维度
平衡
评估布局中视觉重量的分布。
- 构图是对称平衡还是非对称平衡？这种选择是否出于明确意图？
- 较重的元素（深色填充、大幅图像、密集文本块）是否由较轻的元素平衡？
- 布局感觉稳定吗？还是有所倾斜——头重脚轻、下重上轻或左倾？
- 是否有明确的视觉重心？
留白
评估如何将负空间作为一种主动的设计元素。
- 主要区块之间是否有足够的宏观留白？
- 标签、图标与相邻元素之间的微观留白是否一致？
- 留白能否引导注意力，还是会将布局割裂成互不相连的区域？
- 是否有区域过于拥挤，或填充留白不一致？
节奏
评估屏幕上的重复、模式与视觉韵律。
- 间距是否一致，并遵循一套间距比例？
- 重复元素（卡片、列表项、表单行）的尺寸和间隔是否统一？
- 视觉上是否有变化而不显杂乱——重复与差异化是否平衡？
- 区块分隔与分隔线是否形成清晰易读的页面节奏？
格式塔原则
评估布局如何利用感知分组。
- 接近性：相关元素是否彼此靠近？不相关的元素是否明确分开？
- 相似性：功能相同的元素是否采用相同的视觉样式？
- 图形/背景：前景内容是否与背景清晰区分？
- 连续性：对齐方式与视觉流线是否能平滑地引导视线？
- 闭合性：不完整的形状或群组是否仍能被正确感知？
输出格式
对于每个维度——平衡、留白、节奏、格式塔——提供：
- 观察——你看到了什么（中立、客观）
- 问题——哪里出了问题，以及为何重要
- 改进方案——具体、可执行的改动
为每个维度评级：
pass/minor issue/major issue。
常见问题模式
- 两列布局权重相同，主次关系不明确
- 内边距不一致——有的组件使用 16px，其他组件则使用 20px 或 24px，且没有统一规范
- 孤立元素漂浮在相关群组之外
- 拥挤的区块紧邻空白区块，形成意料之外的视觉断层
- 横向分隔线过多，重复堆叠却没有增加结构
评论
支持 Markdown