Show HN 提交量翻三倍，如今大多是“看”氛围编程产物

# Show HN 投稿数量翻了三倍，如今大多是“氛围代码” 来源：https://www.adriankrebs.ch/blog/design-slop 尝试在 Show HN 页面中识别 AI 设计套路 在刷 Hacker News 时，我发现很多 Show HN 项目都带有一种“无菌”的雷同感，一眼就知道是 AI 纯生成。起初说不清具体哪里不对，于是想：能不能把这份主观直觉量化，给 500 个 Show HN 页面打个“AI 设计套路”分？ Claude Code 让 Show HN 项目激增，以至于 HN 管理员不得不限制新账号提交（https://news.ycombinator.com/item?id=47300329）。 近几年 Show HN 投稿量如下： 2022–2026 年每月 Show HN 帖子数（https://www.adriankrebs.ch/showhn-timeline.svg） 素材足够，开干。 ## AI 设计套路 一位设计师朋友跟我说：“左边彩色边框跟文本里的 em dash 一样，都是 AI 设计的铁证。”于是我开始到处看到它。 我又问了几位设计师，总结下来大致分四类：字体、配色、版式怪癖、CSS 套路。 **字体** - 通篇 Inter，尤其是居中 Hero 大字 - LLM 偏爱 Space Grotesk、Instrument Serif、Geist 这类组合 - 一句 Inter 居中大标题里，突然冒出个斜体 Serif 单词当重点 **配色** - “氛围代码紫” - 强制暗黑模式，正文用中灰，小节标签全大写 - 暗黑主题里正文对比度刚好踩线 - 万物渐变 - 大光晕、彩色 box-shadow **版式怪癖** - 居中 Hero，无衬线大字 - H1 上方先来一枚徽章 - 卡片顶部或左侧带彩色边框 - 功能卡片三连发，顶部配图标 - “1、2、3” 步骤序列 - 统计数字横幅 - 侧边栏或导航用 emoji 当图标 - 标题与小节标签全大写 **CSS 套路** - shadcn/ui - 玻璃拟物（Glassmorphism） Show HN 里的现场截图： H1 上方全大写徽章（https://www.adriankrebs.ch/slop-hero-eyebrow-pill.png） Inter Hero + 徽章。 又一页同款徽章（https://www.adriankrebs.ch/slop-hero-eyebrow-pill-2.png） 同上，换皮不换魂。 顶部彩条卡片（https://www.adriankrebs.ch/slop-stripe-top-border.png） 卡片顶部彩色边框。 图标网格功能卡（https://www.adriankrebs.ch/slop-icon-grid.png） 模板化“图标 + 标题”三连。 渐变背景 + 玻璃卡（https://www.adriankrebs.ch/slop-gradient-glass.png） 渐变打底，玻璃卡浮在上面。 ## 给 Show HN 页面打分 系统跑一遍最新 500 个 Show HN 首页，按上面清单逐条打分： - headless 浏览器（Playwright）拉页面 - 页内小脚本扫 DOM、读计算样式 - 每条套路都是确定性 CSS/DOM 检查，不截图、不请 LLM 肉眼鉴定 误杀率约 5–10%。如果谁想复现或给自己网站打分，代码可以开源，留言即可。 ## 结果 单条套路不能定罪，于是按 15 条套路命中数分三档： **重口味 slop**（≥5 条）· 105 站 · 21% **轻度**（2–4 条）· 230 站 · 46% **干净**（0–1 条）· 165 站 · 33% 很糟吗？倒也不，只是没灵魂。验证商业点子本来就不需要花哨设计；AI 时代之前，大家还不一样是 Bootstrap 脸？ 自己花时间做设计，和直接照搬 LLM 默认输出，是两回事——就像当年套模板一样。 我猜迟早会有人为了摆脱“slop 海”重新把设计做惊艳。可等 AI 代理成了网页的主要用户，设计还有没有人在乎，就另说了。 --- 本文人类手写，评分与分析由 AI 协助完成。