2024年8月30日星期五

抢V0的饭碗GPT Engineer上线——普通人也能快速做一个抖音界面?


最近Google lens更新了最新Ui,
在电脑版的浏览器直接能够以图搜图,或者图文识别,我觉得非常实用,识别准确率高。
在开始之前先教大家用一下Googlelens:




能够快速实现文字的提取和翻译。
1. 打开chrome://flags/
2. 搜索框输入lens
3. 选择【Enabled】即可



最近前端有了飞跃式的发展,
依靠着V0和Cursor等无代码工具,让不会写代码的人也能轻松做一个网页设计出来,大大降低了技术门槛。
最近GPT Engineer热度持续攀升,不仅能用自然语言设计网站,还能预览手机端的界面,支持一键部署到托管平台上线。
 AI 实现快速构建网页应用程序,平均只需 15 秒
- 支持与 GitHub 同步
- 一键部署,自动与 Supabase 集成

下面分享下使用的过程:
开始尝试做一个Tikdog APP:


AI打工人在飞速地哐哐哐写代码:


一个初始的界面出来了:



尝试添加更多的交互功能:
- 向下滑动播放视频
- 双击视频点赞


再添加更多的交互功能:
- 双击点赞有爱心的方法效果
- 评论区包含内容和用户名称
- 下拉刷新的动画设计


首页做到这里额度就用完了,大概也是10-15条左右。
创建一个探索页面,并通过底部导航栏与首页关联。


丰富探索页面的交互功能:
- 点击视频弹出可以评论
- 添加不同的视频分类


再来创建一个新增视频的界面:



除此之外,GPT Engineer官网的下方就有很多别人做好的网站设计,可以学习参考,汲取一些灵感:


点击Remix可以在别人的基础上,通过聊天框融合自己的东西:



开始的时候也可以添加参考图让它根据图片进行网页的设计:


把midjouney的首页放上去:


模仿的结果:


APP版本也能胜任:


体验总结:
- 速度非常快
- 组件的设计思维强
- 但目前还不够稳定,做不同页时风格容易乱


全文无广,谢谢阅读。
觉得写得好给个打赏吧。
有兴趣可首页交流。
https://gptengineer.app/

没有评论:

发表评论

深夜突袭,阿里Qwen3登顶全球开源王座!暴击DeepSeek-R1,2小时狂揽17k星

点击下方 卡片 ,关注" AI生成未来 " 如您有工作需要分享,欢迎联系: aigc_to_future 转载自:新智元 如有侵权,联系删稿 就在今天凌晨,备受全球期待的阿里新一代通义千问模型Qwen3开源! 一经问世,它立刻登顶全球最强开源模型王座。 它...