layout-audit 是一款面向代码库的布局模式审计技能,主要用于系统性地梳理前端布局实现,帮助开发者了解项目中布局方式的整体分布与一致性问题。
主要能力:
- 映射所有 display: grid 与 display: flex 的使用位置,呈现项目中的布局技术分布。
- 列出所有使用到的唯一间距数值,便于发现不成体系的间距取值。
- 测量每个组件的最大嵌套深度,识别结构过深的情况。
- 统计媒体查询与响应式断点数量,了解断点体系。
- 检查文本内容是否设置了 max-width 约束。
- 识别绝对定位的使用,官方描述将其视为常见风险信号。
- 报告 gap 与 margin 使用的一致性。
使用方式:以技能形式调用(名称 /layout-audit),对目标代码库执行布局审计。资料未提供具体的安装命令、运行参数或配置项。
适用场景:前端代码库的布局规范梳理、样式重构前的现状盘点、设计系统一致性检查、响应式与间距规范的审查。
限制:仅依据所给资料,暂未提供支持的框架范围、运行环境、输出格式、定价与授权等信息。