SuperAPI AI 工具集

no-ai-slop

前端与建站

查看项目

更新于 10-15 22:19

技能介绍

用途:在构建、生成或审查 UI 时应用,避免 AI 与模板生成界面常见的“套路感”。根因被概括为统一化与未经思考的默认值:一种字体、一个强调色、一种卡片、一个居中模板套用到所有内容。

主要能力:分两层。Layer 1 为通用反套路规则,覆盖字体与排版(不用 Inter、Geist 等默认字体,标题用纯色、真实字重层级、自然换行、左对齐正文、句首大写、价格用 tabular-nums)、颜色与背景(不用 indigo/violet-600 默认主色、#8B5CF6、紫蓝渐变、奶油色背景、点阵网格/光斑/极光背景、默认玻璃拟态,正文高对比并满足 WCAG AA,一个克制强调色)、布局(不做默认居中 hero,采用非对称网格与单一主 CTA,打破固定区块顺序与三等分栏)、组件(不默认复用 shadcn 卡片、hero 胶囊徽章、主按钮+幽灵按钮组合、渐变按钮、三档“最受欢迎”定价、数字滚动、绿勾红叉对比)、图像与图标(用真实截图或摄影,图标取自 Heroicons、Lucide、Phosphor、Hugeicons、Tabler,不用模型生成 SVG 或 emoji 当图标)、文案与动效(不用 em-dash、填充词、套路句式,动效克制并尊重 prefers-reduced-motion)、一致性(组件样式与交互状态定义一次并复用)、响应式与移动端(约 375px 宽无横向溢出,移动端隐藏导航链接必须提供汉堡按钮与可用菜单,点击目标不小于 44px,并在移动宽度实测)。Layer 2 为风格方向,给出正向“照此构建”的规格,开源基础版仅附一个示例方向 Editorial Bold,包含字体、颜色、布局、表面、图像、图标、动效与细节规定;更多方向及配套 UI 组件库属于商业层。

使用方式:生成 UI 时始终应用 Layer 1 加当前 Layer 2 风格;审查 UI 时按 Layer 1 扫描并修复每一处命中,使用自检清单。完整参考为 TELLS.md(约 100 条,分 9 类),示例见 examples/aerolaunch-hero/。

适用场景:网站、Web 应用、移动应用的界面生成与设计审查。

限制:资料未提供安装命令、价格、平台支持与效果数据;商业层具体内容需参见项目 README。