CopybookEnglish搜索

技能包Skill

TasteSkill v2:AI 痕迹检查

页面一眼就像 AI 做的:按桌面、平板、手机宽度列出每一处痕迹,FAIL 排在 WARN 前,不改代码。

1,305 X 收藏,截至 发帖日期

提示词
先照 https://github.com/Leonxlnx/taste-skill 的 README 装好 taste-skill(安装名是 design-taste-frontend),然后读它的 skill 文件和脚本。

然后在本地把这个项目跑起来,在首页和主要落地页上各跑一次 inspect.mjs:inspect.mjs <local URL> --out .taste-skill/inspect/<page name>。看看它存下的截图。只查面向用户公开的页面,跳过仪表盘和表格页。缺 Node 22 或 Chrome 的话,先告诉我。

每个问题都写明是哪个页面、哪个宽度、哪个元素(引用报告原文),并给出最小的改法。FAIL 排在 WARN 前面。

先给我看清单,别改代码。

下一步 在网站项目里,把它发给 Claude Code 或 Codex 里的 Opus 5.5。

强烈推荐在 Claude Code 或 Codex 里装上新出的 TasteSkill v2,再让 Opus 5.5 用它给你 vibe coding 出来的网站做个体检。它两天前刚发布,会按桌面、平板和手机宽度打开你的页面,列出页面上每一处一眼像 AI 做的地方。

清单里有几条你现在就能自查:

  • 标题上方一行小号全大写字,比如 FEATURES
  • 板块编号写成 01 / 02 / 03
  • 代码以外的正文和按钮用了等宽字体
  • 渐变、细线边框,还有不悬停也一直在的阴影
  • 奶油色背景配赤陶色,或者用了任何紫罗兰色、靛蓝色
  • 真实图片少于 4 张(SVG 绘图不算),或者会动的东西少于 8 个

新测试:盲评评委给用了它的页面打 7.7 分,没用的打 7.8 分,几乎打平。不过 3 个设计题目里,它还是有 2 个拿了第一。

把这段发给 Opus 5.5,它会列出每个问题,以及问题出在哪个页面、哪个元素上。