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

相关推荐
七牛云行业应用17 分钟前
OpenCode 安装与配置模型完整指南:终端 AI 编码 Agent 上手教程
ai·ai编程
林小帅23 分钟前
NestJS v11 + Prisma v7 ESM 迁移配置解析
前端·javascript·后端
IT_陈寒38 分钟前
React的setState竟然不是立刻生效的,害我调试半天
前端·人工智能·后端
简简单单就是我_hehe41 分钟前
前端埋点日志解决方案:完整 User-Agent 解析工具实现,爬虫识别、设备品牌、操作系统、浏览器版本全解析(附完整源码)
前端·爬虫
code 旭1 小时前
不会编程也能做AI 量化交易工具:基于 MCP 协议的自然语言交易思路不会编程也能做AI 量化交易工具:基于 MCP 协议的自然语言交易思路
人工智能·ai·量化交易·mcp
William_Xu2 小时前
Vue 2 与 Vue 3 生命周期对比
前端
Hilaku2 小时前
为什么你的大文件断点续传,一遇到弱网就崩溃?
前端·javascript·程序员
MicrosoftReactor2 小时前
技术速递|Token 经济学:智能体 AI 时代的新 FinOps
人工智能·ai·agent·token·finops
老白讲技术2 小时前
2026年国内APP开发与软件定制服务商能力观察:从AI应用到行业系统开发
大数据·人工智能·ai·app·软件需求·app开发
胡哈3 小时前
React Compiler:让开发者忘掉 memo 这件事
前端·react.js