正在打开每日关注
正在打开每日关注
以可组合的 Agent skills,把界面、字体、颜色、无障碍与文案优化转成可执行审查。
最近关于 UI 设计非常喜欢的一套 skills,之前一直在关注 Emil Kowalski 的,现在我发现了这个:https://t.co/IWUvFQExaB 里面包括作者精选的几个优化方向: /better-ui 优化界面 /better-typography 优化字体 /better-colors 优化颜色 等等 他这一套更偏向于实际操作和 cases,作者写了一系列design 相关的文章都很实用,建议大家打开他的这个 skills 网站看看其中的细节,很受用。
是什么
这是一套面向 Agent 的界面质量技能集合,页面通过 npx skills add jakubkrehel/skills 提供安装入口。它把设计工作拆成多个可调用的专项能力,覆盖 UI polish、字体、颜色、无障碍、布局和产品文案,并提供统一的 /better-interface 与 /interface-review 做综合检查。
核心设计
它的价值不在于某个视觉模板,而在于把容易被忽略的设计判断转成可执行的审查维度:例如同心圆角、光学对齐、表面层次、命中区域、字体缩放与截断、OKLCH 调色、对比度和色域回退,以及焦点状态、键盘导航、ARIA 和阅读顺序。/break 用于把组件放入多种状态进行压力测试,/variant 则支持快速生成和比较组件变体。
关键洞察 这类技能适合嵌入前端开发和设计系统流程,让 Agent 从“能运行”进一步检查“是否细腻、可访问、可理解”。其案例导向也降低了设计原则落地到代码时的抽象成本。
边界与风险 页面正文可能不完整,且没有视觉证据、实际仓库结构或运行结果,因此不能据此判断实现质量、检查规则覆盖率或与具体技术栈的兼容性。它更适合作为设计审查与迭代助手,不能替代真实用户测试和设计决策。