使用 unslop 消除 Claude Code 生成界面的 AI 塑料感
针对 Claude Code 生成前端界面常出现的紫色渐变、边缘发光和随意间距等问题，可使用开源项目 heydamir/unslop 作为 Claude Code Skill 进行自动走查与分层修正。
X (Twitter)@LiuweijiaVip5点赞
Claude Codeheydamir/unslop
收录于 2026-11-02 · 原文发布于 2026-11-01
要点
- 使用开源项目 heydamir/unslop 将界面走查流程做成 Claude Code Skill。
- 自动扫描并清理满屏的紫色渐变、边缘发光和随意间距。
- 自动扫描典型的 AI 塑料感特征，识别紫色荧光、Emoji 标签、未对齐的边距与空洞标语。
- 对前端代码按设计师标准进行分层修正（如按 4px 规范调整）。
坑点
- 满屏的紫色渐变、边缘发光和随意间距
- 紫色荧光、Emoji 标签、未对齐的边距与空洞标语构成的 AI 塑料感特征
.cursorrules
- 避免生成满屏紫色渐变、边缘发光、Emoji 标签和空洞标语 - 严禁随意间距，严格按照 4px 等标准对齐边距 - 运行界面走查流程，清理典型的 AI 塑料感特征
可复制提示词
请使用 [heydamir/unslop] 工具或其标准，对当前生成的前端界面代码进行检查和修正，自动扫描并清除紫色荧光、紫色渐变、边缘发光、Emoji 标签、未对齐的边距以及空洞标语，并按设计师标准（如 4px 规范）进行分层修正。
#AI前端#代码美化#ClaudeCode#避坑指南
相关方法
内容由 AI 依据原文翻译整理，细节以原帖为准；版权归原作者。