使用gemini 3 pro实现可视化大屏

最近gemini 3pro的风很大 咱们来试一试

打开Google Al Studio

Google AI Studio 是 Google 推出的一个在线平台,专为开发者设计,用于测试和集成 Gemini 大模型,相当于 OpenAI 的 https://platform.openai.com/playground。

复制代码
网址如下:
 https://aistudio.google.com/

说明:点击playground,上传ui图,输入对应的需求,就可以交给AI了

说明:点击运行,也可以直接下载对应的index文件在浏览器里面进行观看

ui图(网上随便找的图片):

AI生成的效果图:

对比:效果虽然和ui图还是会有很大的差距,但是已经是我目前用过的模型用ui图直接生成代码效果中最好的了,对于我们日常编写代码有蛮大的帮助的,能节约不少时间。

不过后面想让它自己实现自适应就出现bug了,出现了尺寸的不对:

接下来尝试:

1.尝试在curson中去运用gemini3 pro,可是报错了,再研究研究

相关推荐
掘金安东尼13 分钟前
Fun with TypeScript Generics:玩转 TS 泛型
前端·javascript·面试
掘金安东尼14 分钟前
Next.js 企业级落地
前端·javascript·面试
掘金安东尼19 分钟前
React 性能优化完全指南 2026
前端·javascript·面试
Moment28 分钟前
OpenClaw 从能聊到能干差的是这 50 个 Skills 😍😍😍
前端·后端·开源
小霖家的混江龙36 分钟前
从 0 到 1 实现一个 useState
前端·javascript·react.js
晓得迷路了41 分钟前
栗子前端技术周刊第 118 期 - Oxfmt Beta、Angular GitHub stars、React 基金会...
前端·javascript·react.js
亿元程序员1 小时前
小伙伴说我的拼图游戏用Mask不能合批...
前端
恋猫de小郭1 小时前
AI 正在造就你的「认知卸载」,但是时代如此
前端·人工智能·ai编程
摸鱼的春哥2 小时前
Agent教程14:记忆才是Agent开发的核心
前端·javascript·后端
明月_清风2 小时前
Clipboard API 深度实战:如何同时存入“纯文本”和“富文本”两种格式?
前端·javascript