SuperAPI AI 工具集

anti-vibecode

前端与建站

查看项目

更新于 10-23 19:32

技能介绍

anti-vibecode 是一个面向 AI 生成网页的“去套路化”技能,来源为 melvynx/shared-skills。它的出发点是:当 AI 智能体在缺少明确方向时生成网站,往往会落入同一组 43 个默认特征,访客一眼就能识别出“这是 AI 做的、没人在意细节”。该技能把这些特征转化为可检查、可修复的规则。

主要能力

  • 规则库:技能内置 references/signs.md,列出 43 种标志性套路及其“Instead”替代建议,覆盖配色、字体、布局、动效、文案和缺失内容等维度。
  • 扫描器:附带 scripts/scan.mjs,可在项目根目录或指定路径运行,输出检测到的每个标志编号、文件与行号,并列出无法用正则检测、需人工目检的项目。要求 Node 18+,无第三方依赖。
  • 三种模式:rules(默认,在 Claude 即将构建 UI 或未传参数时加载规则并贯穿会话)、audit [path](仅扫描与人工检查,只报告不修改)、fix [path](先审计再按影响优先级修复)。

使用方式

  1. 在对话中调用 /anti-vibecode,可在其后附参数选择模式与路径。
  2. rules 模式下,写页面前先确定三个关键选择并用一行说明:一个非紫色或靛蓝的品牌色、一个非 Inter/Geist/Space Grotesk 的字体、一个非“居中英雄区+三张功能卡”的布局思路,然后回复“43 règles actives”(或“43 rules active”)及这三项选择。
  3. audit 模式运行扫描器:node <skill folder>/scripts/scan.mjs <project root>,再打开站点(开发服务器或构建后的页面)人工核对布局、动效、文案与缺失项,最后以清单形式报告,干净项标 ✓、问题项标 ✗ 并附文件行号与修复建议,结尾给出 NN/43 的统计。
  4. fix 模式按 signs.md 的替代方案逐项修复,避免用一个陈词滥调替换另一个(如紫色渐变换成蓝色渐变仍属同类问题)。若项目存在品牌手册、DESIGN.md、PRODUCT.md 或设计令牌,应优先采用其中的颜色与字体。内容上禁止编造证言、用户数或 logo 墙,真实数据不存在时删除该区块并向用户索取真实数字。缺失法律页面时创建 mentions-legales 与 confidentialite(或 legal 与 privacy)页面,需用户填写的字段标记 TODO,不得虚构公司信息。修复完成后再次运行扫描器并展示前后对比数量。

适用场景

  • 审查或清理 AI 生成的落地页、营销页,降低模板化观感。
  • 在生成 UI 之前设定设计约束,从源头减少套路。
  • 对已有前端项目做设计层面的批量体检与修复。

限制与说明

  • 扫描器只能覆盖可正则化的特征,布局、动效、文案等需人工目检。
  • 该技能聚焦识别与替换设计套路,不替代完整的设计系统或品牌设计流程。
  • 资料中提到的配套技能 Impeccable(npx impeccable install)与 better 仅作为后续设计打磨的搭配建议,其具体功能与收费暂未提供。
  • 运行环境要求 Node 18 及以上,安装与命令需按资料原样使用。