better-ui(界面细节打磨,给精确数值)

Jakub Krehel 的界面打磨技能:让代理按一组精确数值检查和修改圆角、阴影、图片描边、按压缩放、进出场动画和图标切换,最后按严重度输出带文件行号的问题表,并给出 Block 或 Approve 结论。

Jakub Krehel 的界面打磨技能:让代理按一组精确数值检查和修改圆角、阴影、图片描边、按压缩放、进出场动画和图标切换,最后按严重度输出带文件行号的问题表,并给出 Block 或 Approve 结论。

安全审计:未审计

  • 尚未扫描

理由

  • 规则直接给数:嵌套圆角外层 = 内层 + 内边距 + 边框宽;按下缩放到 0.96、150ms ease-out,禁用状态不缩放;分步入场每块间隔 100ms,带 4px 模糊和 12px 位移,时长 300ms;图标切换用 bounce 为 0 的弹簧
  • 附“检测 → 修复”对照表:transition-all 改成写明属性;只有 box-shadow 描边环、没有 border 时补透明 border(强制颜色模式会去掉阴影);悬停样式放进 @media (hover: hover)
  • 位移、缩放、模糊动画只在 prefers-reduced-motion: no-preference 下运行,减弱动效时改成透明度渐变;动效不能是唯一的状态反馈
  • 分工清楚:排版、无障碍、布局、颜色交给同仓库的 better-typography、better-accessibility、better-layout、better-colors;README 写明 MIT 许可
  • skills.sh 24 小时安装 450(只代表关注度)

用法

  • 安装命令待审计通过后显示;交互已经正常、要做视觉打磨或审查组件时触发,最好和同仓库的 better-accessibility 一起装(减弱动效的要求归它管)
  • 不需要账号;没有浏览器时按代码读出每个状态的时长和缓动,有浏览器时在 Animations 面板以 10% 速度回放,查不了的项标 Not verified

风险

  • 本期未审计,固定 C 级、不显示安装命令;SKILL.md 是纯文字规则,没有脚本和网络请求;skills.sh 上三家第三方审计均为 Pass
  • 数值是作者的固定偏好(只认 0.96、不认 0.95),和已有设计系统冲突时以项目约定为准,SKILL.md 也写明项目一贯的做法不算问题
  • 引用的 surfaces.md、animations.md 等配方文件本次没有读

打开 · 仓库

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

浏览最新 AI 动态