Anti-Slop Design 是一个前端设计类技能，核心目标是：在任何前端工作中，避免做出“像是 AI 生成”的千篇一律的设计。它不提供具体组件代码，而是给出一套约束和流程，用于指导界面风格决策。
【用途】 用于制作具有辨识度、达到生产级水准的前端界面，包括 Web 组件、游戏 UI、落地页等前端任务。它通过明确“什么不要做”和“怎样选风格”来降低设计趋同。
【主要能力/内容】
- AI Slop 的征兆（明确禁止）：默认使用 Inter/Roboto/Arial/系统字体；白底上的紫色渐变；所有元素统一圆角；只有居中的布局；千篇一律的 hero 区加三栏特性排列；每张卡片相同阴影；没有情感表达的插画。
- 设计流程：
- 语境把握：这个界面解决什么问题、使用者是谁（玩家、开发者还是普通人）。
- 基调：要求极端地选择一种风格，资料中列出的选项包括 Brutalism、Minimal、Retro-futurism、Organic-natural、Luxury、Toy-like、Editorial、Art Deco、Industrial、Soft Pastel、80s Neon、Japanese Minimal。
- 差异点：确定用户会记住的唯一一个元素。
- 核心原则：
- 排版：选择独特且美观的字体（从 Google Fonts 中发掘），使用展示字体与正文字体配对，每次都换不同的字体组合（禁止重复同一字体）。
- 配色：用 CSS 变量保证一致性，采用主导色加强烈点缀色（不要平均分配），每次使用不同的色彩组合。
- 动效：单个 HTML 文件时优先只用 CSS；页面加载时的 staggered reveal 是核心印象；基于 hover/scroll 的意外交互。
- 空间构成：非对称布局、重叠、对角线流向；打破网格的元素；充足留白或有意的高密度。
- 背景/细节：禁止纯色背景作为默认值；使用渐变网格、噪点纹理、几何图案；用图层、阴影、透明度制造纵深感。
- 游戏 UI 专项原则：沉浸感优先，UI 应成为游戏世界观的一部分；利用素材（资料提到 NAS 游戏大厅 161GB、Gemini AI 生成、免费素材网站）；动画使用 CSS transitions 加 requestAnimationFrame；在可能的情况下加入点击/悬停音效反馈；考虑响应式，尤其是 Telegram Mini App 环境（WebView safe-area）。
- 质量检查清单：是否没有使用 Inter/Roboto/Arial；是否没有紫色渐变；是否不是所有元素同一个 border-radius；布局中是否有非对称元素；字体/颜色是否和之前做过的不同；是否达到不会被人说“这是 AI 做的吧”的程度。
【使用方式】 资料未说明具体的安装命令或调用方式。它来自 kjaylee/misskim-skills 技能仓库，页面地址为 https://www.skills.sh/kjaylee/misskim-skills/anti-slop-design，可作为技能内容参考。
【适用场景】 适合构建 Web 组件、游戏界面、落地页等前端界面时作为设计约束使用，尤其是需要避免通用 AI 审美、追求差异化风格的场合。
【限制】 资料未提供具体的安装、平台支持、收费或价格信息；部分内容（如素材获取渠道）仅以举例形式出现，未给出完整操作步骤。