用途：arrange 用于评估并改进空间构图问题，针对间距随意、分组模糊、栅格重复、密度不当、视觉节奏缺失等布局缺陷，把通用式排布改为有意图、有节奏的构图。若核心问题是不清晰的优先级或标题、标签权重，则应改用 hierarchy 技能。
主要能力：检查间距是否一致或随意、是否所有间距都相同、相关元素是否紧密成组、组间是否留出更大空间；用眯眼测试判断层级与分组是否仍然可辨；判断网格与结构、卡片栅格是否千篇一律、是否全部居中；评估节奏与变化、密度是否匹配内容类型。
使用方式：用户以 /arrange 启动该工作流。技能激活后需加载 $frontend-design，其中包含设计原则、反模式与 Context Gathering Protocol，须先按该协议执行；若尚无设计上下文，必须先加载 $setup。之后可参考 frontend-design 的空间设计、层级清单与表面分隔指引，制定间距系统、密度取向、层级策略、布局方式与节奏计划，再逐步实施。
实施要点：使用一致的间距刻度（框架内置刻度、基于 rem 的 token 或自定义刻度），用语义化命名如 --space-xs 到 --space-xl；用 gap 代替 margin 处理同级间距；用 clamp() 实现流式间距；相关元素间距紧凑、不同区块之间留出充足空间；一维布局用 Flexbox，二维布局用 Grid，复杂页面用命名栅格区域；响应式栅格可用 repeat(auto-fit, minmax(280px, 1fr))；仅在内容确实独立可操作时用卡片，避免卡片嵌套卡片，打破重复的卡片栅格；建立语义化 z-index 与阴影刻度。
限制：资料未提供该技能的收费、价格、平台支持范围与具体安装方式，这些信息暂未提供。也不要使用刻度之外的随意间距、让所有间距相等、给所有内容套卡片、默认使用 CSS Grid 或随意使用 999 等 z-index 值。