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

相关推荐
代码小库8 小时前
【2026前端转 AI 全栈指南】第 1 章:前言 · 后端架构 · 章节导览
前端·人工智能·架构
晓13138 小时前
【Cocos Creator 3.x】篇——第四章 子系统
前端·javascript·游戏引擎
笨蛋©8 小时前
2026年制造业MSA测量系统分析(Measurement System Analysis)标准化…
ai·数字化·质量管理·制造业·图纸识别
Tbisnic8 小时前
AI大模型学习第十三天:让AI学会查资料、记数据、看图和听声
人工智能·ai·大模型开发·rag·coze
ikoala8 小时前
Codex 怎么买、怎么充值?先把这两套计费搞清楚
前端·javascript·后端
寒山李白8 小时前
Gemini 2.5 Flash Lite 实效表现与能力边界全景解析
ai·大模型·gemini·评测
盒子69108 小时前
大模型运维中ECC Mode问题
ai·运维开发·ai编程
wuhen_n8 小时前
RAG 优化实战:检索精准度提升全方案
前端·langchain·ai编程
极客老王说Agent8 小时前
自动化架构演进:2026年有比RPA更加稳定的技术吗?
人工智能·ai·chatgpt·架构·自动化·rpa
Mike_jia8 小时前
DataEase:人人可用的开源BI神器,企业数据决策民主化实战指南
前端