跳到正文
返回首页
Vibe Coding

一张参考图,长出整个网站

The Bugged Dev 用 Kimi K3,从一张设计参考图 vibe 出整个网站。SVG、生成的图片、动画和自适应布局跟着页面一起到。

3个月前

The Bugged Dev 说的是技术栈靠前的这一面。一张设计参考图,Kimi K3,然后是整个网站:SVG、生成的图片、动画、自适应布局。

参考图是一份很凶的规格,因为它不解释自己。间距、字体、什么该动,全都是暗示。从一张图里把这些做对,包括图里只是暗示到的素材,和点名一个主题然后要一个落地页,是两件不同的事。

帖子把这说成手工做界面走向结束的开始。片子得配得上这句话。看动画和断点是不是像设计过的。

一张参考图,长出整个网站

The Bugged Dev

@thebuggeddev

在 X 上查看原帖
I genuinely think we're watching the beginning of the end of manually building frontend UIs ☠️ I vibe coded this entire website from a single design reference image using Kimi K3. It handled SVGs, generated images, nailed animations, and built responsive layouts with far less https://t.co/5X90W8CvoD
中文由 AIWow 编辑整理

661 赞

赞
661
回复
38

数据为收录时快照,非实时。 —

继续看

kirill sh@shneural

同一句话。差别在品味。

Kirill 给 Claude Opus 5.5 和 GPT-6 Astra 同一句要求:做一条 15 秒的动态图形样片,全力以赴。他觉得看完 Opus 再看 Astra 会难受。对照本身才是重点。

Vibe CodingClaude Opus 5.5Gpt 6 Astra
1446824