Design & media

Remove-AI sence（去除AI味）

Try it

自动扫描项目生成HTML检测报告，检测AI常用色、Emoji图标、英文报错暴露，支持一键替换为专业品牌风格。触发词：去掉AI味道、UI美化、专业化、统一配色、去除AI味、de-ai、品牌风格

What it does

The skill document

去除 AI 味道 · UI 美化 Skill

何时使用

用户说"去掉AI味道"、"UI美化"、"专业化"、"统一配色"
产品界面看起来像 AI 生成的（紫色系、大 emoji、AI 徽章）
需要建立品牌 UI 规范并自动修复

执行流程

Step 1: 扫描检测

扫描目标目录中所有前端文件（HTML/CSS/JS/Vue/React），检测以下三类"AI 味道"：

类别	检测规则	严重程度
AI常用色	紫色系：`#6366f1` `#4f46e5` `#4338ca` `#8b5cf6` `#7c3aed` `#6d28d9` `#a78bfa` `#c4b5fd` `#ddd6fe` `#ede9fe` `#f5f3ff` `#eef2ff` `#e0e7ff` `#c7d2fe` `#818cf8` `#3730a3` `#a5b4fc` `rgba(99,102,241,*)` / 霓虹粉：`#d946ef` `#c026d3` `#e879f9` `#f0abfc` `#fae8ff` `#ff00ff` `#ff1493` / 彩虹渐变含 purple/violet/indigo	高
Emoji图标	按钮/标签/标题中使用彩色 emoji（📊📝💾🤖✨ 等）代替专业图标	中
英文技术报错	前端 `catch(e) { alert(... e.message ...) }` 把浏览器/网络层的英文错误直接抛给用户	高
AI 标签（可选）	`🤖` `AI 分析` `AI 解读` `AI生成` `AI助手` `重新AI分析` — 默认不替换，用户确认后执行	低

Step 2: 生成 HTML 检测报告（必须）

扫描完成后必须生成一个独立的 HTML 报告文件，保存到项目根目录，命名 AI味道检测报告_{日期}.html。

报告需包含：

顶部汇总卡片：各维度检测数量和严重程度
维度一表格：AI常用色 — 文件、行号、当前值、建议替换值
维度二表格：Emoji图标 — 按文件分组，列出每处 emoji 及其建议 SVG
维度三表格：英文报错暴露 — 列出每处 e.message 的模式和修复建议
底部优先级：P0/P1/P2 修复建议和预估工作量

报告 HTML 模板：

<!DOCTYPE html>


AI味道检测报告 — {项目名}


 AI 味道检测报告{项目名}扫描范围：{扫描范围} | 检测维度：AI常用色 / Emoji图标 / 英文报错 | 扫描时间：{日期}

  {紫色数}AI 常用色残留
  {emoji数}Emoji 图标
  {报错数}英文技术报错暴露

<!-- 维度一：AI常用色 -->
维度一 AI 常用色 检测：紫色系 + 霓虹粉 + 彩虹渐变
文件行号色块预览当前值建议替换
{颜色表格行}

<!-- 维度二：Emoji 图标 -->
维度二 Emoji 图标 → SVG
表格按文件分组，预览列展示 Emoji 在 UI 中的真实渲染效果及 SVG 替换方案。
文件行号图标预览当前 Emoji建议 SVG
{emoji表格行}


<!-- 维度三：英文报错 -->
维度三 英文技术报错暴露给用户
e.message 会把浏览器/网络层的英文错误直接抛给用户，应替换为友好中文提示。
文件行号错误效果模拟当前暴露方式
{报错表格行}

<!-- 修复优先级 -->
 修复优先级
优先级维度数量修复方案预估工作量
P0报错暴露 e.message{报错数}处friendlyError() 工具函数统一包装30分钟
P1Emoji → SVG{emoji数}处SVG icon 组件替换1-2小时
P2AI常用色{紫色数}处按映射表批量替换5分钟

de-ai 检测报告 · {日期}

关键要求：

三个维度都要有具体的表格，每行标注文件、行号、当前内容和建议
所有表格必须包含预览列，展示修复前后的视觉对比（色块对比 / Emoji渲染 / 报错模拟）
Emoji 表格按文件分组，列出每个 emoji 及其用途
报告文件写入后用浏览器打开供用户查看
报告底部必须有优先级排序（P0报错 > P1图标 > P2颜色）

各维度表格行的 HTML 模板：

维度一（颜色）每行格式 — 包含色块修复前后对比：

维度二（Emoji）每行格式 — 包含 Emoji 渲染与 SVG 对比：


  
  index.html
  L28
  
    
      
        📊
        修复前
      
      →
      
        
        修复后
      
    
  
  📊
  条形图 SVG（见映射表）

维度三（报错）每行格式 — 包含错误弹窗模拟与修复对比：


  
  app.js
  L156
  
    
      
        修复前 · 用户看到
        Failed to fetch: NetworkError
      
      
        修复后 · 用户看到
        网络连接不畅，请检查网络后重试
      
    
  
  alert('Failed: ' + e.message)

Step 3: 确认后执行替换

替换前必须让用户选择配色方案，不强制默认蓝色。

配色方案选项

展示给用户选择：

请选择替换配色方案：

A. 品牌蓝（推荐） — #3b82f6 系列，专业稳重，适合企业产品
B. 科技青        — #0891b2 系列，明快现代，适合SaaS/工具
C. 深灰          — #4b5563 系列，极简中性，适合数据面板
D. 自定义        — 你指定主色，我自动计算配套色阶

各方案完整映射

紫色（AI味道）	A.品牌蓝	B.科技青	C.深灰	典型用途
`#6366f1`	`#3b82f6`	`#0891b2`	`#4b5563`	按钮、链接、边框
`#4f46e5`	`#2563eb`	`#0e7490`	`#374151`	hover 状态
`#4338ca`	`#1d4ed8`	`#155e75`	`#1f2937`	深色文字
`#8b5cf6`	`#3b82f6`	`#0891b2`	`#4b5563`	品牌按钮
`#7c3aed`	`#2563eb`	`#0e7490`	`#374151`	按钮 hover
`#a78bfa`	`#60a5fa`	`#22d3ee`	`#9ca3af`	浅色图标
`#c4b5fd`	`#93c3fd`	`#67e8f9`	`#d1d5db`	浅色边框
`#ddd6fe`	`#bfdbfe`	`#a5f3fc`	`#e5e7eb`	卡片边框
`#ede9fe`	`#dbeafe`	`#cffafe`	`#f3f4f6`	浅色背景
`#f5f3ff`	`#eff6ff`	`#ecfeff`	`#f9fafb`	最浅背景
`#e0e7ff`	`#dbeafe`	`#cffafe`	`#f3f4f6`	Badge 背景
`#eef2ff`	`#eff6ff`	`#ecfeff`	`#f9fafb`	选中背景
`#818cf8`	`#93c3fd`	`#67e8f9`	`#d1d5db`	边框
`#c7d2fe`	`#bfdbfe`	`#a5f3fc`	`#e5e7eb`	选中态边框
`#3730a3`	`#1e40af`	`#164e63`	`#111827`	深色 hover 文字
`#a5b4fc`	`#93c3fd`	`#67e8f9`	`#d1d5db`	标签边框
`rgba(99,102,241,X)`	`rgba(59,130,246,X)`	`rgba(8,145,178,X)`	`rgba(75,85,99,X)`	半透明

霓虹粉 → 各方案映射

霓虹粉色	A.品牌蓝	B.科技青	C.深灰
`#d946ef` `#c026d3` `#e879f9`	对应蓝色阶	对应青色阶	对应灰色阶
`#f0abfc` `#fae8ff`	对应浅蓝阶	对应浅青阶	对应浅灰阶

Emoji → SVG

Emoji	SVG 替代
📊 报表	``
📝 文本	``
💾 保存	``
➕ 新增	``
🤖 AI	改为文字标签并降低视觉权重
← 返回	``
✨ 生成	``

英文报错 → 友好中文提示

创建统一错误处理函数，替换所有 e.message 暴露：

function friendlyError(e, fallback) {
  var msg = e.message || '';
  if (/Unexpected token|is not valid JSON/i.test(msg))
    return '服务器暂时无法响应，请稍后重试';
  if (/Failed to fetch|NetworkError/i.test(msg))
    return '网络连接不畅，请检查网络后重试';
  if (/timeout|TIMEOUT/i.test(msg))
    return '请求超时，请稍后重试';
  return fallback || '操作未成功，请稍后重试';
}

规则：所有 'xxx：' + e.message → 'xxx：' + friendlyError(e, 'xxx未成功，请稍后重试')

禁止直接拼接 e.stack 到用户可见的输出中。

AI 标签替换（可选，默认不执行）

原表述	替换为
`AI 解读` / `AI 分析`	`数据解读` / `智能分析`
`AI 报表助手`	`报表助手`
`重新AI分析`	`重新分析`
`生成 AI 解读`	`生成解读`
`🤖 生成 AI 解读`	`生成数据解读`

Step 4: 验证

替换完成后验证：

所有 AI 常用色（紫色/霓虹粉）已替换
没有残留的紫色 hex 值
UI 中的 emoji 图标已替换为 SVG
e.message 不再直接暴露给用户，已用 friendlyError() 包装
AI 标签已改为中性表述（如用户选择了此项）
运行语法检查确认无错误

Step 5: 生成规范文件

在项目中创建 .claude/ui-spec.md，记录本次替换的完整规范和色板，方便后续开发者遵循。

色彩语义标准（默认方案A · 品牌蓝）

颜色	色值	用途
蓝（主色）	`#3b82f6`	按钮、链接、强调、选中态
蓝（hover）	`#2563eb`	hover/active
深蓝	`#1d4ed8`	深色文字、激活态
浅蓝背景	`#eff6ff`	选中背景、card
浅蓝边框	`#bfdbfe`	选中边框
绿（涨）	`#10b981` / `#16a34a`	正增长、成功
红（跌）	`#ef4444` / `#dc2626`	负增长、删除、错误
黄（警告）	`#f59e0b`	自定义徽章
灰（次级）	`#64748b` / `#94a3b8`	次要文字

图表色板

['#3b82f6','#10b981','#f59e0b','#ef4444','#06b6d4','#14b8a6','#f97316','#84cc16']

关键原则

先报告再动手：必须展示检测报告，等用户确认
逐文件替换：每改完一个文件立即保存
不改变逻辑：只替换颜色值和文本标签，不改功能代码
保留语义：class 名 .purple 可以保留（只改 CSS 值），不改 HTML class
图表色板特殊处理：图表中保留1-2个紫色作为数据系列色是允许的

最后更新: 2026-06-24

Related skills

Unclecheng Reduce Ai Perception V2 1.0.4

去除文本中的AI写作痕迹，让文字读起来更像人类写作。当用户要求'去AI味'、'降AI味'、'让回复更像人话'、'润色'、'改写得更自然'时使用。检测并修复：AI高频词汇、过度结构化、虚假客观性、机械化连接词、完美主义陷阱、公式化结尾、过度修饰、情感缺失等问题。

2 installs

Anti AI-Slop

Comprehensive AI writing pattern detection and removal toolkit for Chinese and English prose. Use when drafting, editing, reviewing, or scoring text to elimi...

7 installs

去AI味文本润色助手 · Su's StoicLab

去AI味文本润色助手 · Su's StoicLab。当需要去除文本中的AI生成痕迹、让文字更像人类书写时使用。适用于公众号文章润色、审稿检查、稿件修改、口语化改写等场景。核心原则：只改语言不改内容，以减法为主，绝不新增信息。编辑或审阅任何疑似AI生成的文本时使用本技能。

写作AI味消除与禁忌扫雷仪

AI味消除剂+书面禁忌扫雷。通过场景锚定、风格校准、证据守恒改写、独立保真审计与书面禁忌扫雷，帮助写出准确、自然、得体的文字。触发词：去AI味、人话改写、AI味消除剂、这段太AI了、润色一下、扫雷、书面禁忌、用词检查、禁用词、慎用词、写作规范。即使未明确要求扫雷，任何自然语言写作、改写或润色任务都执行扫雷；不适用：代码、数据字段、原文引用、纯数据表格。

对AI生成的文本进行深度改写，不止是换词换句式——从四个维度系统性去AI化：语言层（句式、用词、意象模板）、叙事层（结构、逻辑闭环、人物真实感）、细节层（私人印记 vs 通用模板）、设定层（文风一致性）。内置13个专业编辑角色，自动匹配文字类型，用最合适的口吻改写。专为中文文本设计。适用场景：创意写作、自媒体、非正式文体；不适用：学术论文、法律文书、新闻报道等事实性文档。触发词：「去AI痕迹」「去AI味」「去AI味儿」「改写，去AI」「帮我改一下，太像AI写的了」「去机器味儿」「这看着太AI了」「太像AI了帮我改改」。

1 installs