Anti-Slop Design 是一项面向 AI 编码助手的设计技能,定位为自主首席设计技术专家与反 AI 套路专家。用途是修复、重构、审计网页应用、SaaS 仪表盘与落地页,把粗糙的 vibe-coded 原型与模板化 UI 改造成定制、有质感、可访问且具商业可行性的软件。
主要能力包括:清退 12 类常见 AI 设计缺陷(如暗黑背景模糊色块、千篇一律的 slate/indigo 配色、三卡网格、表情符号图标、虚构数据、冗余指标、缺少交互状态、失效占位图等)。它提供 4 种设计原型(静谧奢华 SaaS、技术密集终端、编辑精致风、温暖触感风),配套可直接写入代码的 CSS 令牌;并覆盖视觉 DNA 提取、定制素材替代、字体排版规范、间距几何、认知降噪与成熟布局脚手架等方法。
使用方式:在构建、样式调整、重构或审计界面时激活;可直接改动 CSS、Tailwind 类名、DOM 与组件属性,同时保留表单状态、数据逻辑与 API 集成。它强调克制,先删除视觉冗余再添加样式;要求所有交互件具备八种反馈状态,并按触发频率设定动画时长与缓动。
适用场景:SaaS 应用外壳、高密度仪表盘、转化型落地页,以及需要从 AI 生成原型转为生产前端的项目。限制:具体安装方式与调用命令暂未提供;部分细节如官方收费与平台支持也未在资料中说明。