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 等配方文件本次没有读