[图 => Web] 图转成代码讨论

[sesshomaru0]

有 GPT 生成了一张这样的图片设计稿，里面做出来电影级设计感

现在需要将其转成前端代码，里面的图片素材需要替换

如果是直接让 gpt 上来就做，做出来会比较粗糙

有没有比较好还原度比较高的方案

[weixind]

问题在于“电影级设计感”是一个非常不明确的需求，无论是对 human 还是 AI 。

[sesshomaru0]

@weixind 这里说的电影级设计感是指这张图，需求是让 ai 完全复刻这张图为 Web ，只不过里面的素材要替换下

[Cenat]

不好搞 最好有点前端知识 把架构和具体动画行为描述出来才能让他工作流更精确 或者有没有类似的成品网站喂给他作为经验学习 dom 结构

[sesshomaru0]

@Cenat 那说明还是需要前端的

[lyxxxh2]

没转过,但我个人觉得:
你那些"电影效果"靠 css 实现不了的,只能靠素材。
让 ai 或者手动提取素材 (或者能否由 skill 来做自动提取呢? 不晓得了。)

用 opus5-max 或者 gemini-3.1-pro 来实现前端：
xxx 是我的素材目录,要实现跟"效果.jpg"的 web 。
1. 必须阅读素材目录文件,了解图片尺寸
2. 用 background-url 嵌入背景
3. 寻找合适的字体...