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

相关推荐
code_YuJun5 分钟前
corepack 作用
前端
千寻girling5 分钟前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程
前端·后端·面试
全栈前端老曹7 分钟前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
code_YuJun7 分钟前
pnpm-workspace.yaml
前端
天才熊猫君10 分钟前
“破案”笔记:iframe动态加载内容后,打印功能为何失灵?
前端
JaguarJack19 分钟前
OpenClaw 最新保姆级飞书对接指南教程 搭建属于你的 AI 助手
ai·clawdbot·openclaw
五月君_27 分钟前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_31 分钟前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
x-cmd41 分钟前
[260207] x-cmd 更新 v0.8.0:Kimi、豆包、智谱全集结!薅到摩尔线程试用后,帮你秒接入 Claude code!
ai·x-cmd·kimi·zhipu·摩尔线程·doubao·claude-code
xuhe21 小时前
[全流程详细教程]Docker部署ClawBot, 使用GLM4.7, 接入TG Bot实现私人助理. 解决Docker Openclaw Permission Denied问题
linux·docker·ai·github·tldr