前端网页去除AI味的开源项目,提供给AI Agent使用,比如cursor

内容概览

本文内容

  • 2026年11月10日Gemini 4 Carbon发布
  • 2026年11月9日Claude Fable 5.2 发布
  • Impeccable是网站前端检测清单(可执行的设计命令 + 评审标准 + 验收习惯)
  • Hallmark也是给 AI 写网页用的「防土味插件」,类似Impeccable,但是模板化(从现成50套模板直接套用)

Gemini 4 Carbon

2026年11月10日Gemini 4 Carbon发布

Gemini 4 Carbon 是 Google 目前最强的 Gemini 系列模型,面向长链路、高难度的智能体工作(复杂工程、知识密集任务、科学推理等)

需求更合适
难重构、长 agent、要高质量Carbon(Medium/High)
日常改改、要快要省Argon,或更轻量模型

Claude Fable 5.2

Claude Fable 5.2 是 Anthropic 于 2026 年 11 月 9 日发布的 Mythos 级旗舰模型,面向高难度推理与长时间 Agent 任务

场景推荐
日常写代码、改 bug、一般 AgentOpus 5.5(性价比最好)
大规模迁移、模糊多文件、跑很久的任务Fable 5.2(High 起,别一上来 Max)
科学计算、终端科研类任务GPT-6 Astra(独立榜常领先)
知识工作 / 端到端交付物Fable 5.2(Remote Labor Index 明显更高)

实用路由

  • 默认 Opus 5.5 High
  • Opus 不够再上 Fable 5.2 High
  • 科学计算优先试 Astra
  • 只有天花板任务才开 Fable Max

impeccable

是给编程 Agent 用的前端设计词表 / 技能包:用明确指令(如 polish、bolder)驾驭设计,用 critique / audit 做审查,并在上线前抓「AI 味」模板感

github地址:https://github.com/pbakaus/impeccable

解决问题,去除粗糙和前篇一篇的网页AI味,用固定的检测清单来检测网页的设计,交互,性能等问题

Impeccable = 把「把网站弄好」拆成可执行的设计命令 + 评审标准 + 验收习惯

比如改已有页面;查对比度、层级、无障碍;少嵌套卡片、少发光阴影;跨页风格

另有 Live 模式:在 Vite/Next 等本地站上点选元素、切换变体并写回源码

本文已在网站上测试,优化了一些交互和性能上的问题,它自动把列表改为分页,把预渲染改为懒加载,还有一些我没有细测,但是已经改了的微笑改动,比如边框,比如颜色

以下是它的优化总结

  • P0 移动端底部 sticky「连接并刷写」
  • P1 分类 chips(All / Sensors / Audio…)+ 先显示 9 个再「显示更多」
  • P1 人性化命名(如 Active Buzzer、Pomodoro · Speaker),不再裸项目 ID
  • Hero 改成工具向短文案;搜索有可见 label;卡片上不再嵌套 UI/Hardware 按钮
  • 已重启 3036,首页 200;critique 快照已关闭

全面优化已落地

性能

  • 目录预览 iframe:进视口才加载(IntersectionObserver),详情面板才 priority
  • 卡片 content-visibility: auto,减少离屏布局代价
  • 搜索 180ms debounce + startTransition,避免每键全量过滤卡顿

样式

  • --muted 对比度提高;focus / selection 主题化
  • CTA 改为有偏移的实体阴影(去掉纯光晕)
  • 目录去掉「卡套卡」外层;Soon 板型收成一行提示
  • prefers-reduced-motion 尊重减动效

交互

  • 刷写前摘要:固件 → 板型 (大小) + 覆盖警告(P2 harden)
  • 移动端 sticky 条带简短风险提示
  • 目录方向键 / Home / End 键盘浏览
  • 全量人性化命名补齐(Weather、Web Radio、Local MP3 等)

能看懂一些,还有一些不觉明厉,简单点点点测试了一下,和预期有点差别

但只是初步修改第一版,如果多优化几版,理论上应该优化的不错,所以目前先保留这个项目记录,毕竟前端网页比较多,这个项目不错

Hallmark

github:https://github.com/Nutlope/hallmark

Hallmark 也是给 AI 写网页用的「防土味插件」,Together AI 做的。

平时 AI 做的站一眼就能认出来:假眉题、标题只染一个词、一堆空卡片、底部硬塞邮箱订阅、表单假装提交……Hallmark 专门拦这些。

用法很简单:它从 50 套现成「皮肤」里抽 3 套给你挑,然后按页面真正要干的事来排(订房就突出订、卖货就突出买),最后再在浏览器里扫一遍丑点和假功能。

和 Impeccable 比:Impeccable 更像「设计教练」,命令多、能细抠;Hallmark 更像「带皮肤的装修队」,主题多、上手快、重点防 AI 味

装一下:npx skills add nutlope/hallmark -g,然后在 Cursor 里说 /hallmark 或「用 hallmark 做个××页」就行。

本文没有实际测试过,仅占位

Tips

本文主要是去AI味开源项目梳理,核心是网页去AI味

还有去除ai水印或者去除ai文字味的项目,这里暂不梳理,后续有用到再看

新出的ai模型已经越来越向3D和硬件等领域,每次迭代都是以开发游戏来作为基础评判

从开发小游戏,到2D游戏复刻,从3d游戏开发和3d游戏移植,以及3D游戏复刻,甚至游戏本身的交互,体验,体积,性能等指标都由于部分原生游戏场景

从复刻红色警戒到实现网页版cs,从塞尔达移植,到使命召唤演示,看看什么时候游戏,嵌入式,和3D能实现跨越级别能力,真正低成本也能完成项目的开发,迭代和使用