卡片越加越乱?这款Skill重排页面

帮你优化产品布局和阅读顺序。

layout 是帮助 AI 调整页面阅读顺序、信息分组和空间密度的 Skill。你提供现有页面、用户要完成的任务和重要内容,它会先判断结构哪里出了问题,再决定怎么重排,而不是先给每块内容套一张卡片。

它有个直观检查:把细节看模糊以后,页面最重要的东西还能不能一眼辨认?如果所有标题、间距和容器都差不多,读者可能找不到主次。原文要求让布局跟随产品优先级,通过靠近或分隔表达关系,再考虑装饰。

同样是页面,宣传展示可以有不对称构图,频繁操作的后台则更需要稳定、可预测的结构。这款 Skill 会结合使用方式判断密度,而非一律把留白加大。

修改也要看窄屏、长文案、空状态、缩放和不同语言。视觉上换了顺序,键盘焦点和实际文档顺序仍应相互对应。

它适合页面内容已经存在、但越改越散的场景。交付应包含结构修改和实际画面验证,机械扫描通过不能替代阅读体验判断,也不需要为了改布局顺便重做整个品牌风格。

分类:设计创作

来源仓库:pbakaus/impeccable

适合用来做什么

  • 这个页面的布局感觉不对,请调整一下。
  • 页面元素间距不一致,请修复。

安装 layout

npx skills add https://www.iskills.cc/skills/pbakaus/impeccable/layout/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 layout 的用途与原始说明

浏览全部 Skill 指南