使用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,可是报错了,再研究研究

相关推荐
我很哇塞耶2 分钟前
2025年加倍投入AI的九大品牌
大数据·人工智能·ai·大模型
芷栀夏3 分钟前
AI Ping新旗舰模型实战解析:GLM-4.7与MiniMax M2.1
人工智能·ai·ai编程
洛阳纸贵3 分钟前
JAVA高级工程师--Maven父子关系专题
java·前端·maven
imkaifan6 分钟前
10、vue3中针对图片的处理
前端·javascript·vue.js
柯南二号7 分钟前
【大前端】【iOS】iOS 使用 Objective-C 绘制几大常见布局(UIKit / Core Graphics 实战)
前端·ios
视觉&物联智能11 分钟前
【杂谈】-自动化优先于人工智能:为智能系统筑牢安全根基
人工智能·安全·ai·自动化·aigc·agi·deepseek
invicinble16 分钟前
对于使用html去进行前端开发的全面认识,以及过度到vue开发
前端·javascript·vue.js
我这一生如履薄冰~17 分钟前
element-plus去除el-dropdown组件当鼠标移入文本时会出现边框
前端·elementui·vue
阿杰学AI20 分钟前
AI核心知识66——大语言模型之Machine Learning (简洁且通俗易懂版)
人工智能·ai·语言模型·自然语言处理·aigc·ml·机械学习
小果子^_^22 分钟前
div或按钮鼠标经过或鼠标点击后效果样式
前端·css·计算机外设