Impeccable / Hallmark
同类“设计类 agent skill”,本期一并出现
Impeccable 是一个技能 + 24 命令;这里是 16 个可分别安装的独立技能,粒度更细
把“界面好不好”拆成 16 个可单独调用的检查器:排版、颜色、无障碍、布局、文案各一个技能,另配几个“把组件在所有状态下渲染出来给你看”的工具型技能。
jakubkrehel/skills 是设计师 Jakub Krehel 维护的一组 agent skills,目标是把“做好看界面”拆成可单独调用的检查器。核心是 better-interface:它会在无障碍、布局、文案、排版、颜色与 UI 细节六个维度审一个屏幕、一个流程或整个界面,最后只返回一份排过序的报告。其余技能各自覆盖一个维度:better-ui 管圆角、视觉对齐、阴影、图标状态与动画;better-typography 管字号阶梯、字距、字体特性、换行与截断;better-colors 生成调色板、命名语义 token、转换格式并测对比度;better-accessibility 对照 WCAG 2.2 查键盘与焦点、ARIA、可访问名称、表单与缩放;better-layout 管分组、对齐、阅读顺序与多语言伸缩;better-writing 写与审界面文案。另有几件工具型技能:interface-review 审一次分支/PR/未提交改动引入的界面问题,explain-interface 从线上 URL 或截图反推实现方式,break 把一个组件在所有可达场景下渲染出来压测,build-design 从 Figma 或设计图还原并沿用项目 token,afk 则在你离开时自行找改进并在本地分支留报告。安装方式是 npx skills add,也可作为 Claude Code 插件。
已有产品做界面体检与逐项修复;代码评审时专门检查“这次改动破坏了哪些界面维度”;把组件的所有状态渲染出来逐个调;离线时让 agent 自行找改进并在本地分支留报告。
一组独立的 agent skills:better-interface(跨无障碍、布局、文案、排版、颜色、UI 给一份排序报告)、better-ui、better-typography、better-colors、better-accessibility(对照 WCAG 2.2)、better-layout、better-writing,另有 interface-review(审分支/PR/未提交改动引入的界面问题)、explain-interface(从 URL 或截图反推实现)、break(把组件在所有可达场景下渲染并压测)、build-design(从 Figma 或设计图还原并沿用项目 token)、teardown、state-machine、variant、afk。以上为 README 阅读结论,未安装运行。
它的价值在“可分别结账”:不像一个大而全的设计技能,这 16 个技能每个对应一个可验收维度(比如只查对比度、只查焦点顺序),适合纳入团队的逐项整改清单。
强依赖具体前端工程(能跑 dev server、能渲染组件)才有完整体验,纯文档或后端项目用不上;技能数量多(16 个),选哪个需要先懂一点设计术语;afk 技能会在本地分支自行改代码,团队协作时需先约定分支策略;未安装验证。
MIT
MIT可商用、修改、再分发,保留版权与许可声明即可。
协议解读供选型参考,不构成法律意见。
适合已有前端项目的团队做“按主题逐个清账”:先跑 better-interface 拿一份排序报告,再按报告逐项用 better-typography / better-colors / better-accessibility 修;不建议一次全装。
Star11600;观测时间:2026-11-08T08:24:25.000Z
暂无可比增长基线
开源代码
未找到可靠口碑
本轮仅检索 Hacker News 首页,未见讨论帖;仓库 Issues 4、PR 7,体量较小。
未做站内检索,未读 Issue(仅 4 个);实际效果未验证。
模型知识参考,未在线核验;名称、维护状态和许可证需另行核实。
同类“设计类 agent skill”,本期一并出现
Impeccable 是一个技能 + 24 命令;这里是 16 个可分别安装的独立技能,粒度更细