TGViewer
开发者工具箱|编程·开发工具·资源 开发者工具箱|编程·开发工具·资源 @devtoolboxhub · 434 subscribers
Post #476 2
如何消除前端的“AI味”

AI 生成的前端页面千篇一律:紫蓝渐变、三张功能卡、居中布局、圆角卡片、indigo-600 按钮。根源在于 LLM 倾向于输出训练数据中最大众的默认值。以下四步可打破这种“AI 指纹”:

1. 替换默认调色板:删除 Tailwind 默认颜色(如 bg-indigo-600),改用自定义色板,让默认类无法编译。
2. 打破布局语法:用 CSS Grid 创建非对称布局(如内容左偏、视觉元素溢出列),避免垂直居中堆叠。
3. 消除圆角反射:为全站组件定义统一的圆角词汇(如无圆角、用边框代替阴影),而不是每个组件各自默认。
4. 替换占位文案:拒绝“Empower”“Unlock”等空洞词汇,写入具体数据或人话,并用 ESLint 规则拦截默认类模式。

方案本质是移除工具链中的默认值,让模型和开发者都只能使用自定义 token。

原文链接

#开发者 #工具

📢 频道:@DevToolboxHub
More from @devtoolboxhub
  1. Oct 11, 2026Kerbside:离线语音+GPS生成街道问题地图 Kerbside 让你在走路时用手机录音并记录 GPS,随后在本地电脑上使用 Whisper 与 Gemma 自动识别并标注你提…
  2. Oct 11, 2026Node.js SaaS SMS 验证链接的稳定模板与调度策略 在 B2B SaaS 注册页面中,Node.js SMS API 只接受了未完成投递的验证链接,导致重试队列堆积,可…
  3. Oct 10, 2026哪些 AI 爬虫应在 robots.txt 里允许? AI 助手通过两种方式抓取网页:一类收集内容用于训练模型,另一类在用户查询时实时抓取页面并引用。你可以在 robots.txt…
  4. Oct 9, 2026一键式 LLM 限流逃逸 CLI 该工具是一个无状态的命令行脚本,专门用于在多家 LLM 提供商之间快速切换,避免因单一服务限流导致的整体延迟。 它读取 JSON 配置,按优先级顺…
  5. Oct 9, 2026Edge‑Agentic Commit Analyzer:零依赖本地守护 Edge‑Agentic Commit Analyzer 是一个纯 Python 脚本,专为 Git 提交…
  6. Oct 9, 2026不可给 AI 代理 root 权限,改为可审计的系统状态变更 在云原生环境中,直接赋予 AI 代理 root 访问权限会导致不可预测的系统漂移。 可行方案是让代理在可控的、不可变的…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →