• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hpcq45
V2EX  ›  程序员

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

  •  
  •   hpcq45 · Jun 4, 2025 · 2619 views
    This topic created in 524 days ago, the information mentioned may be changed or developed.

    请问大家一个问题,如何快速有效地向 AI 开发软件描述图片信息(比如原型图或 UI )?

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

    9 replies  •  2025-06-05 22:44:00 +08:00
    gorvey
    gorvey
    Jun 4, 2025
    1
    mcp
    adajoy
    adajoy
    Jun 4, 2025
    2
    @gorvey 用过 figma 的 mcp ,一言难尽
    wyntalgeer
    wyntalgeer
    Jun 4, 2025
    3
    Cursor+GPT 出首稿呢
    he110te4m
    he110te4m
    Jun 4, 2025
    4
    考虑下直接不要前端,根据 swagger 生成 MCP ,直接用 agent 调用呢软件功能呢,直接一步到位
    hpcq45
    hpcq45
    OP
    Jun 4, 2025
    5
    @wyntalgeer
    @he110te4m

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

    总之今天我还是矜矜业业地描述了一遍,尽管 UI 非常简单,奈何人类和 AI 之间还是隔着一双眼睛
    Mr54
    Mr54
    Jun 4, 2025
    6
    figma 的 mcp 虽然一言难尽,但是已经是最好用的了,至少比直接贴一张图给他好太多了,什么长宽高颜色什么的都能直接获取,但是下图片图标的功能还是残废,有的时候只能下到一半的图标。
    Leeeeex
    Leeeeex
    Jun 5, 2025 via iPhone
    7
    看图片复杂程度,如果是 h5 页面我试过用文字描述图片让 ai 写样式 效果还不错
    举个例子:距离页面顶部 xxpx 处有一个 div ,居中展示,div 长宽 m×n ,边框 xx ,背景是 xx ,其内部有两个 div 横向居中排列,第一个 div 的长宽是 xx
    基本上就是按照样式描述出来了
    sampeng
    sampeng
    Jun 5, 2025
    8
    ctrl+c ,ctrl+v 。。。不难啊。。
    he110te4m
    he110te4m
    Jun 5, 2025
    9
    @hpcq45 说实话,只有图片,比较困难,虽然有 V0 之类的可以生成,但是效果差强人意,尤其是一些边界效果,或者说 CSS 特性,AI 其实并不能很好的理解 CSS 里面的坑,尤其是很多视觉效果其实是需要多个 div 组合,或者使用新特性,或者有兼容问题的,除非是特意强调,否则生成的效果比较差,猜想可能是任务过长导致的,也许 A2A 能解决这个问题,但是目前没有去实践过
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   922 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 20:31 · PVG 04:31 · LAX 12:31 · JFK 15:31
    ♥ Do have faith in what you're doing.