刚拿 Ling-3.0-flash-VL 做了一轮「截图 → 单文件 HTML → 对照 → 圈错 → 再改」。
This is a design post classified by Jev as Design-to-code (a tool drop), kept by the Design Radar because it carries real work, not commentary.
刚拿 Ling-3.0-flash-VL 做了一轮「截图 → 单文件 HTML → 对照 → 圈错 → 再改」。 流程（共 5 张分步图，请按顺序单独看，不要当一张长图滑）： ① 原图输入：登录卡 UI 截图 ② 首版渲染：单文件 HTML（禁 React/npm，内联 CSS），本地 file:// 打开再截 ③ 圈错标注：品牌区间距 / 灰底输入框 / 按钮投影弱 ④ 二版渲染：白底输入框 + 按钮发光加强 ⑤ 对照验收：原图 vs 二版并排 体感：第一版「像，但不贴」；第二版输入框和按钮明显更近。视觉闭环靠的是把渲染结果当证据再喂回去。 演示视频：附 ①→⑤ 过程录屏 demo（见视频附件）。 想自己试 VL（OpenRouter，目前免费期）： https://openrouter.ai/inclusionai/ling-3.0-flash-vl:free
Posted by Wukong (2.8k followers) 1 days ago · 33 likes · 6k views · view the original post on X. Kept by the Design Radar as Design-to-code. Tools mentioned: Ling 3.0 Flash VL (free).
More design work like this
- せっかくなので、昨晩エージェントに作ってもらったAstroのサイトにモバイルデバイス向けの最適化と多言語化（英語）を適用してみました。こんなのもClaude版のスキルを使えば何も… — @cipher
- せっかくなので、昨晩エージェントに作ってもらったAstroのサイトにモバイルデバイス向けの最適化と多言語化（英語）を適用してみました。こんなのもClaude版のスキルを使えば何も… — @cipher
- New experiment: json-render + jev — @ctatedev
- and yes it’s also responsive. — @malikyoloo
- Built an interactive Error 404 page with just one prompt + Opus 5. — @Tegadesigns
- I built this little CSS snake game using HTML & CSS ✨ — @NanouuSymeon
- We built TasteSkill to help people create better frontends with AI. — @LexnLin
- I Tested 3 Popular Claude Code Skills for Web Design… — @dushyantz
Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 4k posts from 1.4k X accounts over the last 21 days, 316 tools, 17 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 02:08 UTC. Full method.