用 unslop 消除 AI 前端界面感
针对 AI 生成的前端界面存在紫色渐变、发光、表情符号标签、喧闹文案和不均等间距等问题，使用 unslop 技能进行逐项排查和多轮优化，将其转变为具有独特个性的设计界面。
GitHubheydamir4.8kGitHub Star
Claude CodeCodexNext.jsReactVueSvelteTailwindPlaywright+1
收录于 2026-11-02 · 原文发布于 2026-11-01
要点
- 先进行界面审计：找出 AI 生成痕迹（如紫色渐变、发光效果、emoji 标签、夸张文案和不均等间距）。
- 设定设计方向：根据产品提取风格、主色调时刻以及标志性细节。
- 分阶段进行修改：按间距、颜色、图标、文案、字体、布局、细节、视觉和动画的顺序逐项修复。
- 处理视觉内容：用实际产品展示替代光泽圆点，必要时通过图像服务（如 fal、Replicate、OpenAI 或 Higgsfield）生成场景或对象。
坑点
- 紫色渐变、发光效果（Glows）
- Emoji 标签、喧闹的文案（Shouty copy）
- 不均等的间距（Uneven spacing）
可复制提示词
请帮我检查并优化这个前端界面 [填入你的页面描述、代码路径或网址]，找出所有 AI 感的设计痕迹（如紫色渐变、发光、不均等间距、emoji 标签等），先给出设计方向和我确认，然后再分 pass 逐项修复，让它看起来像经过专业设计师红线审查过一样有独特性。
#AI前端#界面美化#Claude Code#UI设计
相关方法
内容由 AI 依据原文翻译整理，细节以原帖为准；版权归原作者。