AI 生成的前端页面千篇一律:紫蓝渐变、三张功能卡、居中布局、圆角卡片、indigo-600 按钮。根源在于 LLM 倾向于输出训练数据中最大众的默认值。以下四步可打破这种“AI 指纹”:
1. 替换默认调色板:删除 Tailwind 默认颜色(如
bg-indigo-600),改用自定义色板,让默认类无法编译。2. 打破布局语法:用 CSS Grid 创建非对称布局(如内容左偏、视觉元素溢出列),避免垂直居中堆叠。
3. 消除圆角反射:为全站组件定义统一的圆角词汇(如无圆角、用边框代替阴影),而不是每个组件各自默认。
4. 替换占位文案:拒绝“Empower”“Unlock”等空洞词汇,写入具体数据或人话,并用 ESLint 规则拦截默认类模式。
方案本质是移除工具链中的默认值,让模型和开发者都只能使用自定义 token。
原文链接
#开发者 #工具
📢 频道:@DevToolboxHub
