如何快速有效地向 AI 开发软件描述图片信息

[hpcq45]

请问大家一个问题，如何快速有效地向 AI 开发软件描述图片信息（比如原型图或 UI ）？

我遇到的实际问题是 gpt 生成了不错的 UI ，但 cursor+claude 无法准确地开发（ prompt 无法准确描述），除了精细化 prompt 外对于后端开发程序员有没有更友好的办法？

[gorvey]

mcp

[adajoy]

@gorvey 用过 figma 的 mcp ，一言难尽

[wyntalgeer]

Cursor+GPT 出首稿呢

[he110te4m]

考虑下直接不要前端，根据 swagger 生成 MCP ，直接用 agent 调用呢软件功能呢，直接一步到位

[hpcq45]

@wyntalgeer
@he110te4m

两位想的也是我期望的，但是 gpt 正好生成了一张我满意的 UI ，导致了这个问题：如果手上有现成的图片或者其他设计稿，以目前的 AI 能力是否能够到位地理解图片呢，还是需要大量文字详细描述？

总之今天我还是矜矜业业地描述了一遍，尽管 UI 非常简单，奈何人类和 AI 之间还是隔着一双眼睛

[Mr54]

figma 的 mcp 虽然一言难尽，但是已经是最好用的了，至少比直接贴一张图给他好太多了，什么长宽高颜色什么的都能直接获取，但是下图片图标的功能还是残废，有的时候只能下到一半的图标。

[chanChristin]

看图片复杂程度，如果是 h5 页面我试过用文字描述图片让 ai 写样式 效果还不错
举个例子：距离页面顶部 xxpx 处有一个 div ，居中展示，div 长宽 m×n ，边框 xx ，背景是 xx ，其内部有两个 div 横向居中排列，第一个 div 的长宽是 xx
基本上就是按照样式描述出来了

[sampeng]

ctrl+c ，ctrl+v 。。。不难啊。。

[he110te4m]

@hpcq45 说实话，只有图片，比较困难，虽然有 V0 之类的可以生成，但是效果差强人意，尤其是一些边界效果，或者说 CSS 特性，AI 其实并不能很好的理解 CSS 里面的坑，尤其是很多视觉效果其实是需要多个 div 组合，或者使用新特性，或者有兼容问题的，除非是特意强调，否则生成的效果比较差，猜想可能是任务过长导致的，也许 A2A 能解决这个问题，但是目前没有去实践过