Gemini 3 Pro色彩生成器审美刷新认知

Gemini 3 Pro的审美再次刷新了我的认知（更新提示词和构建过程）

最近在做一个小软件，为了配色相当苦恼，于是打开aistudio让gemini 3给我写一个色彩生成器

结果这是出来的结果，总共跑了不到五次

关键是，这些色彩是大模型实时返回的，每次都不一样！

界面是gemini-3-pro生成，具体颜色是gemini-2.5-flash随机给的！

这是十二星座主题

大家觉得这审美怎么样？

目前唯一的问题是生成比较慢，等我再琢磨琢磨，看能不能部署出来给大家直接用

GCP过期了发布不了，可以先看看预览版

左上角可以输入新的灵感，中间可以输入修改建议，每次输入都是调用大模型生成新的，右下角可以查看详细的提示词和上下文

说说我的构建过程吧

这个页面的提示词一开始非常简单

你是一个顶级奢侈品设计师，能够设计出符合最新潮流的GUI设计
帮我设计一个优雅的星座卡，目的是当做的配色方案示意UI组件，至少要有一种背景色，5种配套的颜色，用于字体、高亮、按钮、图标等等
UI组件内容要有中英文
背景需要有一个SVG绘制的线条星座图形，渐变色，完美和背景融合

上面那段提示词直接生成了主要界面，并且自动接入了大模型，每次都是随机颜色

然后我让他修改,这段提示词反复比较久

接下来，我要升级AI功能，让其不仅限于生成星座主题的配色。
在 CELESTIA 后设计一个漂亮的灵感按钮，要符合整体风格，点击后展开是一个输入框，默认文本为请输入灵感，后面有一个发送按钮。
点击后发送文本到主设计师agent，agent提示词任务是基于灵感生成一套结构化的系列主题内容，先是主题页面的名称（不低于四个），然后生成当前系列的每一项properties的description说明，最后生成第一个主题页面的具体properties。

然后副设计师agent负责基于每一个主题，获取properties，生成格式化的主题颜色，最终渲染出页面

当前左上角的tab菜单移动到中间，改成可整体切换的类似banner的菜单。
大模型回复成功后，tab菜单切换为新的主题页面，并显示第一个主题，点击主题页面名称时，调用现在的副设计师agent生成其他页面的颜色。
tab菜单左右各一个隐藏的箭头，鼠标移上去显示，点击可切换之前的系列（带切换动画）

当前的十二星座系列做为默认初始系列。

主卡片页面左下方的空白处加一个新的按钮，点击后激活输入，可以注入到副设计师agent的提示词中，做为意见，发送后调用副设计师agent重新生成

按钮类似这样，点击后默认文字缩小，出现输入框，但要该来符合当前的设计和配色，并且后面要加一个有动画效果的发送按钮：

数据持久化，把每一次生成的数据都自动保存下来，避免刷新页面或重新启动后丢失。

这是一个大升级，需要把当前的一些数据进行处理以便对应大模型回复的内容。

加一个调试功能，按钮放在左下角，点击后展开浮窗显示大模型具体的收发信息，包括完整的时间，模型名称，prompt，参数，返回的具体内容，包括错误信息（错误信息标红）。

后续有些修补

项目主要功能已经完成，当前的UI设计已经不错了，不要修改继续保持。

接下来需要你在左下角调试按钮边上再加一个设置按钮，点开后，让用户填写自己的apikey，然后为主设计师agent和副设计师agent选择gemini-2.5-pro,gemini-2.5-flash或者gemini-3模型，并且apikey不会保存，只会存到浏览器本地

加一个双语设置，支持英文和简体中文，根据浏览器获取到的系统信息或者浏览器设置自动判断使用英文还是中文

当前每次刷新进入白羊座都会重新请求主题，应该直接读取本地的，本地已经保存了的
优化创建新系列后副设计师agent发起请求的流程，当前是每点击一个页面才会请求，改为做成队列，根据主设计师生成的系列生成对应数量的任务，每完成一个存储下来后就自动后台执行下一个，这样点击后面的页面时用户就不用再等待了
日志优化下，要记录任务编号和主设计师对应上

全是大白话，当然过程稍微有点曲折比如限流了，等几小时再跑就出来了

23 posts - 22 participants

Read full topic

via - 热门话题 (author: thehuan)

Invalid media:
image
image
image
image
image
image
image
image