Video yükleniyor...
Video Yüklenemedi
这两天看到我一直很喜欢的设计师阿哲 阿哲Phil 的个人网站,我挺喜欢他个人主页的那个风格。 看着看着突然冒出一个念头: 这种个人审美很强的网站,模型光看录屏,能不能做出来? 于是我顺手录了 10 秒左右,从页面上划过去,直接把视频丢给 Ling-3.0-flash-VL,让它照着做一版。 没给源码,也没拆页面,更没写一大段提示词。输入就那段录屏,加上一句很简单的需求。其实扔进去的时候,我没抱多大期待。视频一晃就过去了,有些细节让我自己暂停看,也未必记得住。 Ling-3.0-flash-VL 是百灵在 Ling-3.0-flash 上加了视觉理解和 visual agent 的版本。官方提到的能力挺多,视觉感知、STEM、文档、前端编码、医疗报告都在里面。我这次没全测,就看一件事:它能不能看完一段网站录屏,真把页面做出来。 结果打开以后,我确实愣了一下。 按肉眼看,和阿哲的原版大概有七成像。大的版式、配色和页面感觉都抓到了,生成出来的也不只是一个摆着看的空壳。按钮能点,交互能跑,放进浏览器里,已经像个可以接着改的半成品。 当然,剩下那三成也挺明显。风格不够细腻,字体没那么贴,交互还是有点僵,一些细节只学到了大概。把两个页面并排放在一起,差距还是能看出来。要我直接拿去上线,我肯定不会;拿它当第一版,我觉得够了。 以前脑子里有个页面的样子,最麻烦的是说不清。你跟开发说想要“有点设计感”“交互顺一点”,讲了半天,对方可能还是不知道你想要什么。自己不会写代码的话,很多想法就一直停在收藏夹里。 现在简单多了。先找一个接近自己想法的网站,录一小段,让模型搭出来。哪里不对,直接看着页面改。它没有把阿哲的网站原样搬过来,但它把一张白纸直接做到了七成。 所以这次测完,我还挺愿意安利 Ling-3.0-flash-VL。离专业前端当然还有距离,但对没代码基础、想做个人网站或者产品 Demo 的人来说,先把第一版弄出来,已经能省不少事了。 感兴趣的都可以去试一试:
18,735 görüntüleme • 1 gün önce •via X (Twitter)
43 Yorum

@Formulasearch Video input for front-end generation is such a massive leap over static screenshot prompts. Capturing the scroll flow and general feel directly from a quick recording makes prototyping reference designs so much faster

@Formulasearch Getting a 70% match from a shaky 10-second scroll is wild. Even if the typography and micro-interactions need tuning, skipping the blank-page phase completely changes how fast you can spin up a working prototype.

@Formulasearch Skipping the "explain what I mean by clean design" bottleneck entirely is the real win here. Going straight from a quick screen recording to a running local instance turns an inspiration folder from a graveyard of saved links into an active sandbox.

@Formulasearch 用10秒网站录屏测Ling-3.0-flash-VL,无源码无长提示,生成约七成还原、可交互的页面。细节一般,但适合无代码者快速出个人站/Demo初稿。

@Formulasearch 不说了,我要再去抄一下punk的

@Formulasearch 学会了以后我也这么干

@Formulasearch 我就想看看能复刻几成你的网站

@Formulasearch 你试试看,我也想知道。我纯自己创意,都没借鉴

@Formulasearch Honestly wild 10 seconds of screen recording and AI gets you 70% of the way to a working site. The gap is shrinking fast.

我超为,那我烧的token算什么😭

🤣,但是还差的30%就是吃审美了,哲爹我搞不定🥹

@Formulasearch 这个能够复刻的这么像啊,😳以前做个人网站的时候,我都是用sol跑的,现在才知道百灵的能力也这么好

@Formulasearch 这个测试方法太刁钻了!10秒录屏直接丢给模型,不给源码不拆页面,这才是考验真·视觉理解和前端能力。坐等成品,个人审美强的网站最难复刻了,如果这个都能搞定就太强了!

@Formulasearch 有被安利到!马上试试!

@Formulasearch 快试试,喜欢谁的风格就copy进来

@Formulasearch Video-to-Code 才是最硬核的评测。截图谁都会,但录屏一晃而过有很多细节人眼都记不住,Ling-3.0-flash-VL要是能还原出来,说明它的 visual agent 是真的懂了。蹲一个对比结果!

@Formulasearch 这个视觉理解能力就是 ling vl 的强项,看到有案例,视频学习,边学边拆解公式,挺强的

@Formulasearch 10秒录屏直接出可交互页面,七成还原已经很能打了,非程序员做个人站/Demo太香了。

The “just give it a screen recording” part is what really caught my attention. A lot of people can spot a design they like, but turning that visual idea into an actual working page is where things usually get stuck. If the model can get you 70% of the way there, that first step becomes so much easier, especially for people who don’t code. Definitely feels like a useful way to turn inspiration into something you can actually play with.

@Formulasearch 录屏当输入这个思路挺妙,比截图多了滚动和交互节奏的信息。七成起步、剩下三成自己调,对不写代码的人已经够用了。

@Formulasearch 缺了波妞的审美

@Formulasearch 这模型免费吗.还是跟之前那个一样限时

@Formulasearch Wait, only a 10-second screen recording? 😳 Getting a working first draft from that is actually pretty wild.

@Formulasearch 这模型从10秒录屏直接出可交互页面,确实把“想法说不清”这个痛点绕过去了。七成还原已经够当第一版用,后面微调字体和微交互就行。无代码的人做个人站或Demo,这个路径比对着空白页写需求高效太多。准备拿自己收藏夹里的站再测一轮。

@Formulasearch Ling-3.0-flash-VL 审美在线 设计跟模型有挺大关系的 codex视觉就不太行

@Formulasearch 这Ling-3.0-flash-VL出来效果还算可以了啊 能抄个7成已经够用了

@Formulasearch 10秒录屏就能复刻审美站,听着爽,生产上最怕的是「看起来像」但交互/权限全是幻觉。VL 能抄皮,抄不了信任边界——验收还得人盯第一刀。

@Formulasearch 最惊喜的是按钮和交互也能跑,不是只生成一张好看的截图,这就很能打了

@Formulasearch 有个80%我就开心了

@Formulasearch 80%已经很爽了哈哈哈

@Formulasearch The 70% result is what caught me. It doesn’t need to be perfect if the hard part is getting from a blank page to something you can actually tweak.

@Formulasearch 这已经不能用有点强来形容了,这特么碉堡了

@Formulasearch 相当不错这效果。

@Formulasearch 比得上codex直接做的效果了

@Formulasearch 这已经不能用有点强来形容了,这特么碉堡了

@Formulasearch 10秒录屏就直接把一个网站“抄”到七成像😂简直就是代码小白的神器啊,以前只能收藏,现在终于能用Ling自己动手了

@Formulasearch 只录制视频,不用给出原地址嘛? 那通过视频分析可交互内容和方式 也很强。

@Formulasearch 这种交互真正省掉的是描述设计的成本,录一段参考页面就能快速得到可修改的第一版。

@Formulasearch Forget curated demos. Give the model messy real-world documents and see what happens.

@Formulasearch ant-ling 这个功能还是有使用场景的

@Formulasearch Landing a working page at about seventy percent of the look is already enough to leave the blank canvas behind.

@Formulasearch 配合 OpenDesign 是不是视觉效果会更好?

@Formulasearch The fact that it can go from watching a screen recording to building something you can actually interact with is what stands out to me.
