把 UI、排版、配色、无障碍、布局、产品文案经验打包成 8 个 Agent Skills,装进 Claude Code 等智能体后,AI 写界面会按这套规范来,还能审查分支或 PR 里新引入的界面问题并输出排序报告。靠 AI 做前端、给客户交付页面的人拿来抬质量上限很实用;上手门槛低,会装技能就能用。
AI 生成的前端常见老毛病:对比度不达标、排版混乱、文案生硬、键盘操作不可达。作者把自己个人网站与设计杂志 Interfaces 沉淀的设计工程经验打包成 8 个智能体技能(SKILL.md):better-interface 跨无障碍、布局、文案、排版、配色、UI 打磨输出一份按优先级排序的审查报告;better-ui 给出圆角、光学对齐、阴影、图标状态、动效的精确数值;better-typography 管字阶、间距、字体特性、换行截断与标点;better-colors 生成调色板、命名语义 token、互转格式、测对比度;better-accessibility 对照 WCAG 2.2 检查键盘焦点、ARIA、可访问名称、表单、读屏播报与缩放;better-layout 管分组、对齐、阅读顺序、响应式结构与翻译文本余量;better-writing 管标签、报错、空状态、确认框等产品文案;interface-review 审查分支、PR 或未提交改动引入的界面回归。上手:把技能装进支持 Skills 的智能体即可调用。适合用 Claude Code 等 AI 写前端、在意交付质量的开发者与接单人。
jakubkrehel/skills
2026-11-02 榜单 · ★ 1,607(进页自动刷新) · 本期涨星 +1607 · 语言 Markdown
做AI项目,先看AI雷达 - AiRadar.com.cn · 全部GitHub热榜 →