SuperAPI AI 工具集

anti-ai-slop

前端与建站

查看项目

更新于 10-16 06:23

技能介绍

用途:这是一个前端 UI 设计工作流技能,用于创建看起来不像 AI 生成的界面,适用于新建页面、重设计现有页面,或评审设计产出是否存在“AI 味”。

主要能力:技能指出 AI 模型会收敛到安全、高概率的设计选择(分布收敛),产生居中布局、渐变标题、卡片嵌套、Inter/Roboto 字体、紫白配色等通用模式,并给出打破这些模式的方法。

使用方式:分四个阶段。第一阶段参考调研,写代码前先花约 10 分钟在 Awwwards、Godly、SiteInspire、Httpster、Curated Design、Dark Mode Design、CreateToday 等设计画廊收集 5-10 个同类站点,记录其记忆点、字体搭配、区块过渡、配色策略与布局对称性,保存 3-5 个关键参考。第二阶段反模式清单,在写 CSS/HTML 前检查排版、颜色、布局、动效、背景与细节,例如避免 Inter/Roboto/Arial/Space Grotesk/system-ui 作主字体、避免紫到蓝渐变、避免纯黑纯白、避免卡片嵌套、避免弹跳缓动、避免用 emoji 作 UI 元素。第三阶段有意图设计,对首屏、区块标题、卡片列表、区块过渡与 CTA 做刻意选择。第四阶段打磨,删除约 20% 视觉噪音,检查对比度、移动端表现,并找出仍显“生成感”的区块加以打破。

参考文件:references/anti-patterns.md、references/research.md、references/typography.md、references/layout-patterns.md。

限制:资料未提供该技能的安装命令、平台支持、收费方式或具体代码示例,这些信息暂未提供。