一条prompt生成app界面

2025-03-06 约 973 字预计阅读 2 分钟

https://bing.ee123.net/img/rand?artid=146084628

一条prompt生成app界面

异名昨天晚上用Claude 3.7，输入一条prompt，五六次确认，就从无到有生成了一份完整的“音乐播放器”UI设计稿，HTML直出，代码可直接部署使用。那一刻，我心中软件产业的AGI奇点真的来了

音乐播放器

异名一直从事前端程序员的工作。大学期间恰逢移动互联网的浪潮，我能找到一些前端的外包工作，比如手写html/css还原电商模块切图，每次能赚两百块生活费。我也喜欢写，从简单的布局、到响应式布局、到动效，到工程化，我们和设计同学深入配合，为1像素的问题较真，为浏览器的兼容较真。我一直有种底气，我首先是靠界面工程师扎实的功底，才吃得起前端工程师这口饭

我们都坚信AGI会重定义软件产业，只是我个人的视野局限，我看不清未来的研发范式是什么，这两年AI给了大家很多惊喜，但是基本还处在能力爬坡阶段，应用层面还只能做一些辅助提效。我身边也有不少朋友在这两年做了很多尝试，但是我们都是移动互联网的软件开发思维，很多事情尝试了，但是最终也被新模型能力补全或者被新的思路颠覆了

Claude 3.7 的稳定输出，让我看到了UI设计、界面工程师的终局，以今天往后看，今天的模型能力肯定只是个起点，借助今天的模型，我已经能做出属于我的“赤脚应用”，我相信很快的时间内，知识平权、技术平权、应用平权，AI平权，新的研发范式已经百花齐放

保持关注，减少焦虑，空杯，心态向上

附上今晚的一键生成UI界面的prompt，选择 claude-3.7-sonnet-thinking 模型，每生成一个界面，你只要回复“继续”即可，html可直接拖到浏览器中预览

你是一位资深全栈工程师，参考 ui_ux_design 设计一个【音乐播放器】，模拟产品经理提出需求和信息架构，请自己构思好功能需求和界面，然后设计 UI/UX。
仅支持暗色模式，要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重UI细节。
请引入 tailwindcss CDN 来完成，而不是编写 style 样式，图片使用 unslash，界面中不要有滚动条出现。
然后像上面那样给我所有页面的 html，写入到一个 index.html 中（为每个页面创建简单的mockup边框预览，横向排列）。
由于页面较多，你每完成一部分就让我来确认，一直持续到结束