AI界面满屏花活?这款Skill收拾

快速修复UI代码的排版、层级和样式问题。

baseline-ui 是给 AI 生成的界面做整理和基础打磨的 Skill。你提供页面或组件代码,它会检查间距、文字层级、布局和交互细节,并给出对应位置的修改建议。

它有鲜明的取舍:优先沿用已有组件,空状态给一个清楚的下一步,错误贴近发生操作的位置,不要为了热闹随手加动画、渐变和光晕。图标按钮也需要可理解的名称。

这是一套有偏好的界面基线,主要围绕 Tailwind 和指定的组件、动画习惯,不是所有产品都必须遵守的视觉标准。适合页面已经能用,但显得杂乱、重点不清的时候。先把用户能否看懂和操作顺畅整理好,再决定是否需要更强的品牌表达。

分类:设计创作

来源仓库:ibelick/ui-skills

适合用来做什么

  • 请快速清理这段UI代码的间距和层次结构问题。
  • 帮我修复这个页面的版式和布局问题。

安装 baseline-ui

npx skills add https://www.iskills.cc/skills/ibelick/ui-skills/baseline-ui/SKILL.md

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

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

查看 baseline-ui 的用途与原始说明

浏览全部 Skill 指南