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

相关推荐
JeffongTan12 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
蒲公英eric14 小时前
从页面检查到功能验证:DVWA 授权绕过模块完整漏洞分析教程
web安全·ai·ctf·dvwa·ai安全·授权绕过模块
陆枫Larry15 小时前
Astro 是什么
前端
AI老陈说15 小时前
Nano Banana 2 AI 角色一致性怎么保持?Flux Art 同一角色换动作与版本管理
ai·ai工具·ai生图
是立不是利16 小时前
写给设计师的 CSS 博客美学指南
前端·css
默_笙17 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript
计算机魔术师17 小时前
Rohan Paul 谈用时间跨度衡量智能体能力,并引用 OpenAI 自动化研究实习生里程碑
前端
kyriewen17 小时前
我手写了个极简版 React Router——才搞懂 v6 为什么砍了这么多 API
前端·javascript·程序员
a11177617 小时前
Shirone 二次元博客主题 开源
前端·开源
IT_陈寒17 小时前
Python的切片赋值把我坑惨了,这不是bug是特性
前端·人工智能·后端