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

相关推荐
秋邱44 分钟前
AR + 离线 AI 实战:YOLOv9+TensorFlow Lite 实现移动端垃圾分类识别
开发语言·前端·数据库·人工智能·python·html
马玉霞1 小时前
vue3很丝滑的table表格向上滚动效果,多用于统计页面
前端·vue.js
用户952081611791 小时前
百度地图JSAPI THREE Label 组件使用指南,轻松实现地图标签渲染
前端
SVIP111591 小时前
webpack入门 精细版
前端·webpack·node.js
畅畅畅哥哥1 小时前
Next.js App Router 实战避坑:状态、缓存与测试
前端·前端框架
一水鉴天1 小时前
整体设计 定稿 之20 拼语言表述体系之3 dashboard.html完整代码
java·前端·javascript
一颗烂土豆1 小时前
React 大屏可视化适配方案:vfit-react 发布 🚀
前端·javascript·react.js
Qinana1 小时前
构建一个融合前端、模拟后端与大模型服务的全栈 AI 应用
前端·后端·程序员
梓贤Vigo1 小时前
【Axure原型分享】AI图片变清晰
ai·交互·产品经理·axure·原型