中文版

skills（GitHub：https://github.com/jakubkrehel/skills ，2026-07-10 创建，今晨抓取时已 10,373★，本周周榜单周涨 1,707★）是一组帮 agent 做出好界面的技能合集，覆盖 UI、排版、色彩、无障碍、布局与产品文案。

按 README 的说法，技能包括：better-interface（按无障碍、布局、文案、排版、色彩与 UI 打磨六个维度审查一个界面，返回一份排序报告）、better-ui（打磨表面、图标与动效，给出圆角、光学对齐、阴影、图标状态与动画的精确数值）、better-typography（字阶、间距、字体特性、换行、截断与标点）、better-colors（生成调色板、命名语义 token、格式转换与对比度测量）、better-accessibility（按 WCAG 2.2 审查键盘与焦点行为、ARIA、无障碍名称、表单、读屏播报、动效与缩放）、better-layout（分组、对齐、阅读顺序、响应式结构与翻译留白），以及 better-writing、interface-review、explain-interface、break、build-design、teardown、state-machine、variant 等。安装用 npx skills add jakubkrehel/skills，也有 Claude Code 插件，MIT 协议开源。

为什么值得了解

• AI 生成的界面最常见的毛病不是“跑不起来”，而是“看着像 AI 做的”：间距、字阶、对比度、焦点顺序处处差一口气；这组技能把设计师的审查清单变成了 agent 能直接执行的检查项
• 对正在求职、做作品集的前端开发者尤其实用：同一套技能既能帮你把 demo 打磨到可展示的水准，也能让你在面试里讲清楚“好界面”到底由哪些可度量的维度组成
• 它和“反 AI 味”技能是同一条赛道的不同解法：一个给 agent 品味，一个给 agent 审查报告，两者可以叠加着用

English Version

skills (GitHub: https://github.com/jakubkrehel/skills , created 2026-07-10, 10,373 stars at this morning’s fetch, up 1,707 stars this week on the weekly trending list) is a collection of agent skills that help you build great interfaces, covering UI, typography, colors, accessibility, layout and product writing.

Per the README, the skills include: better-interface (reviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, returning one ranked report), better-ui (polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation), better-typography (type scale, spacing, font features, wrapping, truncation and punctuation), better-colors (palette generation, semantic token naming, format conversion and contrast measurement), better-accessibility (keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom against WCAG 2.2), better-layout (grouping, alignment, reading order, responsive structure and room for translated text), plus better-writing, interface-review, explain-interface, break, build-design, teardown, state-machine and variant. Install with npx skills add jakubkrehel/skills; a Claude Code plugin is also available. MIT licensed.

Why it’s worth knowing

• The most common flaw in AI-generated interfaces is not “it doesn’t run” but “it looks AI-made”: spacing, type scale, contrast and focus order are each slightly off; this skill set turns a designer’s review checklist into checks an agent can execute directly
• Especially useful for front-end developers job-hunting or polishing a portfolio: the same skills can lift a demo to presentable quality and give you a measurable vocabulary for explaining, in an interview, what a “good interface” is actually made of
• It is a different answer on the same track as the “anti-AI-slop” skills: one gives an agent taste, the other gives it a review report — the two stack well together