摘要: 用 Gemini Canvas 零代码捏出赛博朋克风视觉提示词反推工作站；上传产品图后 AI 自动识别光影/构图/材质，生成 MJ 专用 Prompt。
家人们！Gemini 最近更新的 Canvas 功能真的太强了！😱 以前想做一个专属的网页工具，还要学 HTML、CSS、JS... 现在？只要会说话就行！
今天教大家用 Gemini Canvas “捏” 一个【视觉提示词反推工作站】。 ✅ 无需任何代码基础（我一行代码都没写！） ✅ 赛博朋克风 UI（颜值超高，看着就专业） ✅ 功能实测：上传一张参考图，它自动识别光影、构图、材质，并生成 MJ 专用的 Prompt！
制作步骤（保姆级）：
1️⃣ 打开 Google Gemini。
2️⃣ 切换到 Canvas 模式。
3️⃣ 复制将你整理好的元提示词发给gemini让他跟拘泥的元提示词的推理逻辑生成一个可以上传产品图片和参考图的然后反推提示词的网页界面（这一步最关键！👇）。
4️⃣ 发送后，Gemini 会直接在右侧生成一个可交互的网页，还能实时预览！，然后你需要改森么内容直接在左边给他讲就好啦
5️⃣ 不喜欢颜色？直接跟它说“换成紫色渐变”，它立马改！
做出来的工具不仅能自己用，还能通过右上角分享，分享给你的好朋友一起用。【魔法咒语】在图三！[坏笑R]
标签：#Gemini[话题]# #GeminiCanvas[话题]# #智能体[话题]# #提示词[话题]# #零代码开发[话题]# #黑科技[话题]##空空C4D[话题]# #inZOI[话题]#
| 需求 | 输入 | 实现 | 输出 | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| # | 目的 | 作用 | 实质 | 形式 | 类型 | 变量名 | 值 | 来源 | 外部工具 | 动作 | 指令 | 配置 | 运行 | 备注 | 逻辑控制 | 特性 | 实质 | 形式 | 类型 | 变量名 | 值 | 去处 | ||
| s1 | 用 human 元素生成 描述 整理成 元提示词 | 预处理 | /理念/知识/商业/产品服务/产品特征/功能属性 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 程序控制类型/指令/描述 | 工具需求描述 | 需要一个可以上传产品图片和参考图，然后反推提示词的网页界面 | ← 工序输入 | human | 生成/元素生成 | 按 Role/Context/User Profile/Constraints/Workflow/Initialization 六段结构，定制用于构建视觉提示词反推工作站的元提示词（魔法咒语） | 图5展示的 RCCUWI 模板是通用起点，需针对【生成可上传产品图+反推提示词网页】的具体需求填入角色/任务/约束；元提示词质量直接决定工具生成质量 | - | 人工 | /理念/知识/商业/前沿技术/AI智能/机器学习 | /架构/逻辑/信息编排逻辑/条目列举/分段结构/规范框架 | 元提示词 | 元提示词 | # Role (角色设定) 你是一位拥有**【请输入经验年限，如：15年】**经验的**【请输入专家头衔，如：资深Python后端工程师/小红书爆款文案专家】**。 你的核心擅长领域是**【请输入具体技能，如：高并发架构设计/情感共鸣类文案写作】**。 # Context (背景与任务) 我目前正在**【请输入当前场景，如：开发一个电商系统/策划一场双11营销活动】**。 我需要你根据我提供的**【请输入输入数据，如：API接口文档/产品卖点清单】**， 帮我完成**【请输入具体任务，如：编写一份技术架构方案/撰写5条带场景感的种草笔记】**。 # User Profile (用户画像) 我是**【请输入您的身份，如：初级程序员/市场部经理】**， 所以请确保你的输出内容**【请输入对输出深度的要求，如：代码要有详细注释/语言要通俗易懂，便于向老板汇报】**。 # Constraints (执行约束) 1. **工具/模型限制**：请基于**【请输入特定工具，如：Django框架/Claude 3模型/Midjourney V6】**的标准进行输出。 2. **风格/语气**：保持**【请输入语气，如：极客技术风/亲切闺蜜风/严肃商务风】**。 3. **格式要求**：请使用**【请输入格式，如：Markdown表格/JSON格式/分点列表】**输出。 4. **字数/长度**：控制在**【请输入数量，如：每个方案300字以内/代码不超过50行】**。 5. **禁止项**：绝不要**【请输入禁忌，如：使用复杂的学术术语/生成虚假数据/包含解释性废话】**。 # Workflow (工作流) 请你严格按照以下步骤思考和执行： 1. **分析阶段**：先分析用户输入的核心需求与关键约束。 2. **构思阶段**：结合专业知识，构思**【请输入数量，如：3个】**不同的**【请输入方案类型，如：优化思路/创意角度】**。 3. **输出阶段**：按照指定格式输出最终结果。 # Initialization (初始化) 如果你理解了以上设定，请回复：**【请输入确认暗号，如：配置已完成，请发送您的需求。】**，不需要输出其他内容。 | → s2 | ||||
| s2 | 用 Gemini Canvas 元素生成 元提示词 生成 网页应用 | 主体生成 | /理念/知识/商业/前沿技术/AI智能/机器学习 | /架构/逻辑/信息编排逻辑/条目列举/分段结构/规范框架 | 元提示词 | 元提示词 | # Role (角色设定) 你是一位拥有**【请输入经验年限，如：15年】**经验的**【请输入专家头衔，如：资深Python后端工程师/小红书爆款文案专家】**。 你的核心擅长领域是**【请输入具体技能，如：高并发架构设计/情感共鸣类文案写作】**。 # Context (背景与任务) 我目前正在**【请输入当前场景，如：开发一个电商系统/策划一场双11营销活动】**。 我需要你根据我提供的**【请输入输入数据，如：API接口文档/产品卖点清单】**， 帮我完成**【请输入具体任务，如：编写一份技术架构方案/撰写5条带场景感的种草笔记】**。 # User Profile (用户画像) 我是**【请输入您的身份，如：初级程序员/市场部经理】**， 所以请确保你的输出内容**【请输入对输出深度的要求，如：代码要有详细注释/语言要通俗易懂，便于向老板汇报】**。 # Constraints (执行约束) 1. **工具/模型限制**：请基于**【请输入特定工具，如：Django框架/Claude 3模型/Midjourney V6】**的标准进行输出。 2. **风格/语气**：保持**【请输入语气，如：极客技术风/亲切闺蜜风/严肃商务风】**。 3. **格式要求**：请使用**【请输入格式，如：Markdown表格/JSON格式/分点列表】**输出。 4. **字数/长度**：控制在**【请输入数量，如：每个方案300字以内/代码不超过50行】**。 5. **禁止项**：绝不要**【请输入禁忌，如：使用复杂的学术术语/生成虚假数据/包含解释性废话】**。 # Workflow (工作流) 请你严格按照以下步骤思考和执行： 1. **分析阶段**：先分析用户输入的核心需求与关键约束。 2. **构思阶段**：结合专业知识，构思**【请输入数量，如：3个】**不同的**【请输入方案类型，如：优化思路/创意角度】**。 3. **输出阶段**：按照指定格式输出最终结果。 # Initialization (初始化) 如果你理解了以上设定，请回复：**【请输入确认暗号，如：配置已完成，请发送您的需求。】**，不需要输出其他内容。 | ← s1.元提示词 | Gemini Canvas | 生成/元素生成 | 打开 Google Gemini → 切换到 Canvas 模式 → 复制将你整理好的元提示词发给 Gemini，让它跟拘泥的元提示词的推理逻辑生成一个可以上传产品图片和参考图的然后反推提示词的网页界面 | 发送后 Gemini 会直接在右侧生成一个可交互的网页，还能实时预览；生成结果是赛博朋克风 UI（颜值超高，看着就专业） | - | 随机 | /理念/知识/商业/前沿技术/AI智能/AI应用 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 /呈现/视觉/视觉风格/视觉艺术风格/虚构风格/科幻未来 | 网页应用 | 视觉提示词反推工作站 | <初始版网页：赛博朋克风 UI，左侧主体产品区（上传产品图/单产品单角度/核心卖点），中间控制栏（锁定首图风格/时间段选择/风格关键词输入/10个分类标签下拉/参考图上传区），右侧 AI 助手（专业策划+普通问答两模式），底部方案库列表（NO/IMAGE/TYPE/CORE BRIEF/PROMPT ANALYSIS/OPT 列）> | → s3 | ||||
| ▼ s3 | 以 遍历 按 修改需求 迭代更新 网页应用 | /理念/知识/商业/产品服务/产品特征/功能属性 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 修改需求 | 修改需求序列 | <用户按轮次输入的修改指令序列，例如「将AI助手语言模型接口统一改为 geminipro」> | ← 用户交互（修改需求序列） | - | 遍历 | - | /理念/知识/商业/前沿技术/AI智能/AI应用 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 /呈现/视觉/视觉风格/视觉艺术风格/虚构风格/科幻未来 | 网页应用 | 视觉提示词反推工作站 | <经多轮迭代调整后的最终版视觉提示词反推工作站网页，模型接口已统一为 geminipro，所有功能与 UI 按需调整完毕，可对外分享使用> | → 返回 网页应用 | ||||||||
| /理念/知识/商业/前沿技术/AI智能/AI应用 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 /呈现/视觉/视觉风格/视觉艺术风格/虚构风格/科幻未来 | 网页应用 | 视觉提示词反推工作站 | <初始版网页：赛博朋克风 UI，左侧主体产品区（上传产品图/单产品单角度/核心卖点），中间控制栏（锁定首图风格/时间段选择/风格关键词输入/10个分类标签下拉/参考图上传区），右侧 AI 助手（专业策划+普通问答两模式），底部方案库列表（NO/IMAGE/TYPE/CORE BRIEF/PROMPT ANALYSIS/OPT 列）> | ← s2.视觉提示词反推工作站 | |||||||||||||||||||
| └ s3.1 | 用 Gemini Canvas 替换 修改需求 更新 网页应用 | 主体生成 | /理念/知识/商业/产品服务/产品特征/功能属性 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 修改需求 | 修改需求 | 我的AI助手的专业策划的语言模型接口改为和是上传参考图推理的模型一样然后将所有模型改为geminipro的模型 | ← 修改需求序列[i] | Gemini Canvas | 修改/变/替换 | 在左侧对话框中用自然语言描述修改需求，Gemini Canvas 自动更新右侧代码和预览 | 图4展示的具体修改请求：'我的AI助手的专业策划的语言模型接口改为和是上传参考图推理的模型一样然后将所有模型改为geminipro的模型'；Gemini 回应：统一模型接口提取为全局变量 API_MODEL，升级模型标识为 Gemini Pro，补充 PRO_SYSTEM_INSTRUCTION | - | 随机 | /理念/知识/商业/前沿技术/AI智能/AI应用 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 /呈现/视觉/视觉风格/视觉艺术风格/虚构风格/科幻未来 | 网页应用 | 视觉提示词反推工作站 | <更新后网页：AI助手的专业策划模式语言模型接口统一改为 geminipro（与图像推理模型一致），所有内部模型标识升级为 Gemini Pro，新增 PRO_SYSTEM_INSTRUCTION 增强专业提示词编写能力> | → s3.视觉提示词反推工作站 | ||||
| /理念/知识/商业/前沿技术/AI智能/AI应用 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 /呈现/视觉/视觉风格/视觉艺术风格/虚构风格/科幻未来 | 网页应用 | 视觉提示词反推工作站 | ← s3.视觉提示词反推工作站 | ||||||||||||||||||||
| ↩ | 返回 网页应用 | |||||||||||||||||||||||
| 需求 | 输入 | 实现 | 输出 | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| # | 目的 | 作用 | 实质 | 形式 | 类型 | 变量名 | 值 | 来源 | 外部工具 | 动作 | 指令 | 配置 | 运行 | 备注 | 逻辑控制 | 特性 | 实质 | 形式 | 类型 | 变量名 | 值 | 去处 | ||
| s1 | 用 human 上传 参考图 录入 产品信息 | 预准备 | /表象/视觉/实体/物品/器材物品/设备 | /呈现/视觉/视觉制作/实景拍摄/拍摄主体/实物呈现 /呈现/视觉/视觉制作/后期处理/画质优化处理/光影质感 | 内容类型/素材/化学变化/参考图 | 产品图 | <手机产品图：图6-7可见，深色背景下正面视角手机，OLED屏幕发光，金属机身质感，暗调低光摄影风格> | ← 工序输入 | human | 获取/录入/上传 | 在工具左侧「主体产品」区域点击上传产品图，在「单产品单角度」框填写角度说明，在「核心卖点」框填写产品卖点 | - | 人工 | /理念/知识/商业/产品服务/产品特征 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 产品信息 | 产品信息 | 单产品单角度: 手机；核心卖点: （图中核心卖点字段为空，原文未提供具体卖点文字） | → s2 | |||||
| s2 | 用 human 键入 设定 风格配置 | 预处理 | /理念/知识/商业/产品服务/产品特征 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 产品信息 | 产品信息 | 单产品单角度: 手机 | ← s1.产品信息 | human | 获取/录入/键入 | 在中间控制栏：可选锁定首图风格（开关），选择时间段（环境光：环境光/清晨/上午/正午/下午/黄昏/深夜/摄影棚），输入自定义风格关键词（按回车添加），选择各维度分类标签（人物/使用平台/画面内容/电子产品/室内设计/美妆护肤/镜头/食品餐饮/户外自然/画面风格），可上传参考图片 | - | 人工 | /理念/知识/思想/概念范畴/性质属性/风格属性 | /呈现/视觉/视觉制作/构图编排/版面设计/字体标题 | 风格配置 | 风格参数 | 风格关键词: 高品质精准用户kv、KV主视觉海报；时间段: 深夜（暗调）；分类标签: KV主视觉海报（图7可见两个风格标签: '高品质精准用户kv×' + 'KV主视觉海报×'） | → s3 | |||||
| s3 | 用 视觉提示词反推工作站 反推 参考图 得到 提示词 | 主体生成 | /表象/视觉/实体/物品/器材物品/设备 | /呈现/视觉/视觉制作/实景拍摄/拍摄主体/实物呈现 /呈现/视觉/视觉制作/后期处理/画质优化处理/光影质感 | 内容类型/素材/化学变化/参考图 | 产品图 | ← 工序输入 | 视觉提示词反推工作站 | 提取/化学提取/反推 | 在 AI 助手区域（专业策划模式）：AI 自动绑定左侧产品信息，识别产品图的光影/构图/材质，结合风格参数生成结构化 MJ 提示词方案 | 专业策划模式强制绑定产品信息，输出包含 CORE BRIEF（中文场景简述）+ PROMPT ANALYSIS（英文 MJ Prompt）；底部方案库列表显示 NO/IMAGE/TYPE/CORE BRIEF/PROMPT ANALYSIS；工具内部走 geminipro 模型；图8 显示也可在对话框输入具体绘画需求（普通问答模式） | - | 随机 | /理念/知识/商业/前沿技术/AI智能/机器学习 /理念/知识/思想/概念范畴/认知思辨/策略方法 | /架构/逻辑/信息编排逻辑/条目列举/分段结构/板块并列 | 程序控制类型/指令/提示词 | MJ提示词方案 | 方案01 CORE BRIEF: 融合高级商务与时尚的KV主视觉，通过戏剧性高光展示智高色手机的精致设计和相机组，背景采用商务用和香槟色调融合。PROMPT ANALYSIS: 一张我的产品单张，保持产品原细节不受根据下面的需求出图: ... 方案02 CORE BRIEF: 低光环境下，通过OLED屏幕的自发光来突出产品的金属质感和沉浸式娱乐体验。PROMPT ANALYSIS: 一张我的产品单张，保持产品原细节不受根据下面的需求出图: ... | → 返回 提示词 | |||||
| /理念/知识/商业/产品服务/产品特征 | /呈现/视觉/视觉制作/构图编排/版面设计/版面结构 | 产品信息 | 产品信息 | 单产品单角度: 手机；核心卖点: （图中核心卖点字段为空，原文未提供具体卖点文字） | ← s1.产品信息 | |||||||||||||||||||
| /理念/知识/思想/概念范畴/性质属性/风格属性 | /呈现/视觉/视觉制作/构图编排/版面设计/字体标题 | 风格配置 | 风格参数 | 风格关键词: 高品质精准用户kv、KV主视觉海报；时间段: 深夜（暗调）；分类标签: KV主视觉海报（图7可见两个风格标签: '高品质精准用户kv×' + 'KV主视觉海报×'） | ← s2.风格参数 | |||||||||||||||||||
| ↩ | 返回 提示词 | |||||||||||||||||||||||