Y 杨金 · YANG JIN
重庆 · 中国产品 / 内容 / AI
返回作品集 ↗
Image PromptREVERSE THE VISUAL · v0.3.0↶ ×
待分析的城市建成环境图
正在分析图片提取主体、构图、材质与光影
01反推分析时识别主体、构图、材质与光影。
Image PromptREVERSE THE VISUAL · v0.3.0↶ ×
已完成反推的城市建成环境图
生成结果

三行三列网格排版的城市建成环境与场地分析图,鸟瞰正投影视角,以蓝色河流和红色节点建立视觉重点……

滨水场地规划城市建筑分析图3×3 网格排版
复制提示词按要求修改
02反推完成生成提示词,并支持继续修改。
Image PromptREVERSE THE VISUAL · v0.3.0← ×

History

最近记录清空全部
  • 9/5 11:18九张城市建成环境分析图按 3×3 网格整齐排布……复制
    删除
  • 9/5 11:09正立面玻璃幕墙建筑,轻盈钢结构框架……复制
    删除
  • 9/4 12:28山水城市鸟瞰插画,柔和复古配色……复制
    删除
  • 9/3 13:41扁平风格建筑分析图与人群行为……复制
    删除
03历史记录保存结果,支持恢复、复制与删除。
Image Prompt 在 Pinterest 页面中的完整使用场景
04完整使用场景在原页面完成全部操作。

Image
Prompt

Image Prompt · Reverse the Visual

不离开正在浏览的页面,把一张参考图转译成结构完整、可以继续修改的中文生图提示词。

产品策略Chrome 扩展多模态 AI体验设计

INTERACTIVE DEMO

一次完整的原位反推

  1. 01定位图片
  2. 02反推分析
  3. 03生成完成
  4. 04复制使用
  5. 05历史记录
Pinterest 城市建成环境分析图浏览场景
Image PromptREVERSE THE VISUAL · v0.3.0↶ ×

图片已定位 · 城市分析图

准备反推提示词

识别主体、构图、视角、材质、光线、色调与风格。

Image Prompt 历史记录界面
提示词已复制,可继续用于生图
项目角色

产品策划 · 体验设计 · 前端实现

项目类型

多模态 AI / Chrome 扩展

当前交付

可安装原型 · 交互演示

01 / CONTEXT 用户痛点与背景

灵感出现的地方,
往往不是 AI 对话框。

设计师在 Pinterest、素材站或项目网页看到参考图后,通常要先保存图片,再切换到 AI 工具重新上传和解释需求。真正耗时的不是模型识图,而是上下文在多个工具之间不断断裂。

01

离开现场

参考图来自浏览过程,生成提示词却必须跳到另一个工具。

02

重复说明

每次都要重新上传、说明用途,并补充输出格式要求。

03

结果不稳定

通用图片描述难以直接生图,也容易遗漏构图、材质和光影。

02 / APPROACH 我做了什么

不是重新做一个模型,
而是把方法变成稳定体验。

我把原本依赖对话的反推 Skill,拆成固定入口、结构化输出、继续修改和本地历史。用户不需要理解背后的提示词工程,也能获得一致的结果。

扁平化建筑效果图提示词案例城市鸟瞰插画提示词案例城市分析图提示词案例
方法资产 62 例建筑效果图、展板和分析图提示词,用于评测和校准输出。

交互策略 · 原位完成

把功能放回图片旁边。

我选择浏览器扩展而不是上传网页。用户右键选择参考图后,结果卡片直接出现在原图附近,浏览、判断、修改和复制始终发生在同一个上下文中。

Image Prompt 在 Pinterest 页面中原位生成提示词
不离开原页面 发现图片、右键触发、生成与修改连成一条路径。

03 / OUTCOME 最终效果

把“看起来像”,
拆成可编辑的视觉语言。

模型返回的不只是一段长文本,而是一份可校验的数据结构。界面分别呈现核心提示词和视觉标签,让用户能直接复制,也能继续调整、保存和恢复历史结果。

STRUCTURED RESULT

约 260–360 字中文提示词

画面事实被组织为连贯、具体、可以直接粘贴到生图工具的自然语言。

subject[]composition[]lighting[]palette[]style[]
结构化输出 主体、构图、光影、色彩与风格都可快速检查。
原位完成

不离开正在浏览的页面

可继续改

从一次答案变成可协作初稿

可追溯

历史记录支持恢复、复制与删除