thefrontpage.dev 把 HN 首页 30 帖排成了一份报纸:泛黄纸张底色,标题用衬线粗体,正文两端对齐(justify)挤进多栏 masonry(瀑布流),每篇配一句 AI 生成的摘要塞进段落里。点开一刷新,整个页面像从某个 1880 年代的印刷厂里抖出来的。
作者 stagas 在 HN 标题里只写了一句"Hacker News front page as a site"。230 分、67 条评论。最妙的是这帖自己冲上 HN 首页那一刻——thefrontpage.dev 立刻把自己的卡片渲染了出来,sublinear 在评论里只回了一句:
This page now contains itself.
这一页现在包含了它自己。hspeiser 看着这一幕:
watching this get its own front page while the subtitle lags behind with the previous top posts is weirdly funny.
看着它把自己渲染进自己的首页,副标题还停留在上一轮的旧 top 帖,这画面诡异地好笑。
stagas 在评论区实时改站
这才是这帖最少见的部分。一个评论说"四栏太挤",stagas 回:"我改成三栏了,你再试试。" 另一个评论说"字太小",stagas 回:"我刚才把字号加大了一点。" 又一个评论提"自动断字会缓解 justify 的间距问题",stagas 回:"好主意,我试试。"
整个评论区像是个公开的 issue tracker(问题追踪器),作者在场,提一个改一个。这种"作品在被讨论的同时被改写"的状态,HN 上不多见。
多人都说"这是 Claude 做的"
est 在评论里直接坦白:
I am almost certain this layout is generated by AI, because I vibe coded the exact same newspaper-like style weeks ago.
我几乎可以肯定这个布局是 AI 生成的,因为我几周前 vibe-coded 出来的就是一模一样的报纸风格。
oliviergg 接着说:"Yes! Building a news website with Claude design give me the same design, background color, text size..." celltalk 贴了一个自己的网站链接,说"我也是,看着尴尬"。freedomben 给得更具体:
I see the tell-tale signs of Claude using the /frontend-design skill.
我看到了 Claude 调用 /frontend-design skill 留下的招牌痕迹。
t3r 把这条线收了底:
Somehow, Claude seems to have developed a default nostalgic newspaper aesthetic despite being so young.
一个还很年轻的模型,居然已经发展出一种默认的怀旧报纸美学。
Claude 还很年轻,却已经发展出一种默认的怀旧报纸美学。这是一句意外有分量的观察——某种程度上,模型的训练数据里被打满了"看起来像报纸的网页"长什么样的先验,所以你说"做个新闻站"它就把这套全套搬出来。stagas 这站好不好看是一回事,Claude 显然认为"新闻站 = 这个样子"。
美学 vs 编辑判断
最戳的反对意见来自 lionkor:
except those were laid out by hand with intent, whereas this one just kind of dumps all stories on a masonry board and calls it a day. This is likely why reading a (good) newspaper feels effortless, whereas reading this "forces you to read slowly".
老报纸是手工带着意图排版的,这个就是把所有故事砸到 masonry 板上完事。这大概就是为什么读一份好报纸毫不费力,而读这个"逼着你慢读"。
报纸的视觉权重——头条占大半个版、二条三条次之、长尾紧凑——是编辑判断的结果,不是 CSS 默认行为。masonry 把所有卡片当成同等重要,是排版偷懒。Claude 能给你外观,给不了编辑权重。
cientifico 在评论里给了具体怎么补这一刀:
* > 500 分 → 全宽或占 3 栏
* 100-500 分 → 当前尺寸
* < 100 分 → 只显示标题
按分数定卡片尺寸——这是把"编辑的判断"用最简单的规则注入回 vibe-coded 站点。一行 if 就能让"masonry 上随机长出 30 个一样的卡片"变成"头版头条 + 长尾紧凑"的真正报纸结构。
想到就能做出来
但这帖最值得记下来的,不是 stagas 做了一个多漂亮的站,而是这件事本身——一个人晚上想到"如果把 HN 排成报纸会怎样",第二天就有了一个能跑的站,挂在 thefrontpage.dev,上 HN 拿到 230 分,还在评论里被实时改进。
ymolodtsov 说得克制:
Building a Hacker News client has long been a rite of passage because the read-only API is freely available, cool to see more experiments like this.
做一个 HN 客户端长期以来都算一种成人礼,因为只读 API 免费开放——很高兴看到更多这类实验。
但"做一个 HN 客户端"这件事的成本,跟十年前比已经塌了一个数量级。模型把一切关于"看起来像 X"的细节都接管了,剩下的只是"想到 X"。这是 vibe coding 真正改变的东西——有想法的人和把想法做出来的人,距离从一周变成了一晚。
t3r 那句话还可以再读一次:"Claude seems to have developed a default nostalgic newspaper aesthetic despite being so young." 一个还很年轻的模型,已经有了对"过去美学"的默认偏好。下一个 vibe-coded 项目可能不是报纸——可能是 BBS、可能是杂志卷边封面、可能是 90 年代 GeoCities——但那种风格本身在哪里出场,仍然是人决定的。Claude 不会自己想"今晚把 HN 排成报纸吧"。
stagas 想了。