怎么把截屏直接转为前端代码使用 GPT-4 分析截屏、生成 HTML 和 Tailwind CSS，用 Dall-E 生成相似的图片项目地址：你可以自己测试，需要支持 GPT-4 的 api key： #设计AI

分享一个链接

发表一篇文章

任何有趣的，图片，热点新闻，视频，文字...

1836 位用户此时在线

24小时点击排行 Top 10：

1月18日，北京乡下强拆现场。执法人员一个接一个翻墙进入户住家中，家里的女人小孩撕心裂肺的哭喊，公安和消防则在屋外站岗。

近日，江苏。来自安徽的建筑工人向领导下跪磕头，乞求领导能支付工资，好回家过年。“你不给我钱，我跟你玩命”

厲害國

1月21日，B站up主“思维实验室”视频《苏共党内权力斗争底层逻辑有多可怕》在讲解苏共的民主集中制时，视频被“哈哈哈哈哈”的评论弹幕刷屏。

近日，一名关心李宜雪的网友 “星火” 在酒店直播时，突然遭到警方上门，并在警方的要求下关闭了直播。

1月21日，有用户在抖音上传一段中华民国国旗的视频，并配文：“--1949” 遭到不少网友反驳：“人家还没死呢，一直都在”

怎么这么没有党性！咱们中国人都这么贪生怕死，爱护自己的生命，爱护自己的财产，爱护的自己的家庭，爱护自己的妻子，这么有人性咱们党，还拿什么东升西降，称霸世界？

中國人的貪婪是無限的

1月21日，山东济南。网曝济南姚有才辣糊汤华山旗舰店，员工每天将剩下的辣糊汤内的面筋、木耳、牛肉挑出来，用水清洗后继续添加到新的辣糊汤里售卖。目前视频已被删除。

真正的基督徒，在川普就職儀式上說了什麼？

近日，上海瑞金医院普外科主任郑民华直言：“麻药不睡、血压不降、泻药不泻” 1月20日，国家医保局带队赴上海，当面听取相关委员和专家对集采药政策和质量的意见。 1月19日，国家医保局：欢迎医务人员当好吹哨人。

在抖音拥有上千万粉丝的训狗主播潘宏，近日在直播中为狗狗“艾特”洗澡，但艾特在洗澡过程中猝死，事后潘宏一夜之间从训犬师变成了虐狗狂人。

中國人的電訊詐騙在全世界遍地開花，中國從世界工廠變成世界人體器官供應鏈。

失業大學生身無分文，露宿街頭，有幸遇上好心人救濟。然而，他們的政府從來只管榨取他們的學費，不管他們人生。

近日，新华社发布了一段 “钱塘江退潮后，露出潮汐树” 的过程。但被网友和博主指出视频为倒放。一名地理博主称，新华社发布的视频系倒放，钱塘江只有在涨大潮时，才会出现大面积的白色水花。

🔥🔥塔利班拒绝川普总统要求归还，拜登政府在阿富汗遗弃的价值 70 亿美元的美国军事装备的要求。很简单，不还就打❗️❗️

1月18日，北京乡下强拆现场。执法人员一个接一个翻墙进入户住家中，家里的女人小孩撕心裂肺的嚎叫，公安和消防则在屋外站岗。

巴基斯坦特斯拉

Asylum seekers in Germany show us their skills with machete and knives. Only AfD can save Germany and Europe.

1月21日，江西南昌。南莲路市政施工挖坑，导致多人骑电动车经过时摔倒，并且视频里未看到任何警示标识。 1月22日，视频被多家媒体报道后，目前相关部门已派人将坑洼处填平。

谁做的合辑😂 川普一度宣称自己“100% 确定”会在上任之前，最迟上任第一天结束俄罗斯乌克兰战争。

一名患者现身说法吃进口药与国产仿制药的区别：此前吃降血脂的进口他汀类药物，但后来因三甲和社区医院都开不出原研药，于是只能吃国产仿制药。结果吃了一个月效果不理想，在换回原研药后，身体指标又恢复到理想水平。

哈哈哈哈哈那是给狗吃的啊弱智Chinese

特朗普再度入主白宫成为美国总统，牵动国际关系的未来。全球各地民众对于这个熟悉的名字怀着复杂情绪，对经济、社会、国际关系，他们对于“特朗普2.0时代”有什么感受？

1月17日，国内著名刑辩律师蔡雅，多次发视频吐槽目前庭审形式主义泛滥，律师的辩护有时几乎毫无作用。辩护律师在发表辩护意见时，对面的公诉人和法官根本不听律师说的话，你辩你的，我判我的。被告几乎就是任人宰割的玩具。

本站自动实时分享网络热点
24小时实时更新
所有言论不代表本站态度
欢迎对信息踊跃评论评分
评分越高，信息越新，排列越靠前

2

1

0

怎么把截屏直接转为前端代码
使用 GPT-4 分析截屏、生成 HTML 和 Tailwind CSS，用 Dall-E 生成相似的图片
项目地址：
你可以自己测试，需要支持 GPT-4 的 api key：
#设计AI
IT技术
( twitter.com )

1年前由倪爽提交

1周内 1个月内 1年内全部时间

1
2
3
4
5
6
...
400
下一页

1

2

1

1

ChatGPT Mac 应用程序是终极屏幕截图到代码工具。
截取任何内容，将其粘贴到 ChatGPT 快捷方式中，然后告诉 GPT-4o 为您编码。
这是 90 秒内获得了完整的工作代码。视频速度为 3 倍。
IT技术
( twitter.com)

8个月前 • Will • -- 点击 • 下载视频 0 评论

00:00:29

2

3

2

2

#AI开源项目推荐：screenshot-to-code
借助GPT-4V，直接把屏幕截图生成HTML网页
IT技术
( twitter.com)

1年前 • 宝玉 • -- 点击 • 下载视频 0 评论

00:02:07

3

2

1

1

—— 开源前端 UI 代码拷贝库
链接：
这个网站按控件对很多漂亮的前端 UI 效果进行归类整理，前端工程师可以直接拷贝代码拿来直接用，…
推特中文圈
( twitter.com)

2年前 • twitter机器人 • -- 点击 0 评论

4

2

1

1

这位网友再次演示了用 ChatGPT Vision 可以从 Figma 截图并生成前端代码，他甚至指定了使用一个流行的前端库shadcn ui ，通过提供给ChatGPT shadcn上的代码示例，ChatGPT就能基于代码示例和UI截图，生成代码，运行效果和截图基本一致。

视频加上了中文字幕
IT技术
( ui.shadcn.com)

1年前 • 宝玉 • -- 点击 • 下载视频 0 评论

00:04:07

5

2

1

1

基于 GPT-4 实现了一门新的编程语言：GPTLang

把之前用 ChatGPT 生成的这门编程语言又用 GPT-4 重新优化了一下，并让 GPT-4 直接用 Python 生成了一个解释器。

解释器的代码目前还仅仅是框架，…
推特中文圈
( twitter.com)

1年前 • Jiayuan • -- 点击 0 评论

6

2

1

1

在国内怎么更稳定地使用 ChatGPT

推荐一下合作伙伴的 IdeaChat，一群中老年互联网叔叔开发的正规 ChatGPT 代理。目前支持 GPT-4 和 GPT-3.5

使用…
推特中文圈
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

7

2

1

1

#工程师工具这个开源工具 screenshot-to-code 可将截图转换为前端代码，使用 GPT-4 Vision 的能力，并通过 DALL-E 3 生成外观相似的图片。甚至还可以输入 URL 来克隆一个网站，我感觉等到真正成熟的这一天到来，前端工程师就可以做其他更有意义的事情了。
🤖
IT技术
( github.com)

1年前 • Tw93 • -- 点击 • 下载视频 0 评论

00:00:08

8

2

1

1

前端和全寨工程师提高几何倍效率的神奇的东西 🚀

介绍kui-dev

在浏览器中使用自然语言生成代码和UI ！

无需在GPT，编辑器之间复制粘贴代码！

时政
( twitter.com)

1年前 • 全球热点新闻 • -- 点击 • 下载视频 0 评论

00:01:10

9

2

1

1

之前想着把搜狗词库转鼠须管(squirrel)词库Python代码用Golang重写一下，编译出一个命令来方便生成词库, 估计重写代码大概要花2小时，刚刚我试着把 Python 代码发给ChatGPT(GPT-4)，拿转成的…
推特中文圈
( twitter.com)

1年前 • lewang🍥 • -- 点击 0 评论

10

2

1

1

感谢大佬重构前端。
目前 Claude 版和 openai 版均使用了最新的前端代码
Claude 版：
openai 版：…
推特中文圈
( twitter.com)

1年前 • 𝓁(赛博算命师 ver.) • -- 点击 0 评论

11

2

1

1

AI 驱动的设计稿转代码引擎 | 支持多框架导出
Github 上 56.8K ✨ 超高热度项目 screenshot-to-code 更新最新模型支持, 作者 🎉
核心功能:
- 将截图、设计稿和 Figma 设计转换为功能性代码
- 支持将视频/网站录屏转换为功能性原型(实验性功能)
- 使用 AI 技术实现自动代码生成
最新 AI
时政
( twitter.com)

2个月前 • meng shao • -- 点击 • 下载视频 0 评论

00:00:08

12

2

1

1

上 Youtube 看了好些对 Auto-GPT 项目（）的演示。一个 GPT 流程自动化的东西，可以让他写代码，然后自动化地运行代码，修改代码，直到正确为止。也可先把网页抓下来，然后…
推特中文圈
( twitter.com)

1年前 • Hao Chen • -- 点击 0 评论

13

2

1

1

受 Perplexity AI 启发，基于 OpenAI 写了一个搜索引擎的 demo，可以让 GPT-3 来基于当前的事实进行回答。

现在这个 demo 只是用 jupyter 糊了一点代码，后面会增加一个前端交互，然后把代码…
推特中文圈
( twitter.com)

1年前 • Jiayuan • -- 点击 0 评论

14

2

1

1

有时候我需要把PDF转成图片，还需要几页合并成一张图片，以前让GPT-4帮我写过代码本地执行，现在简单了，直接传到Code Interpreter，一个Prompt搞定！

启用Code Interpreter，上传PDF文件，然…
IT技术
( twitter.com)

1年前 • 宝玉 • -- 点击 0 评论

15

3

2

2

啧啧~ PandoraToV1Api ✚ PandoraNext ✚ ChatGPT-Next-Web = GPT4无限用？你们太牛了
• gpt-4-mobile：支持代码解释器、bing联网、dalle绘图的 GPT-4，对应的是官方的手机版 GPT-4，截止至2023年12月15日，本模型使用量不计入 GPT-4 用量（即不受每 3 小时 40 次的限制）
IT技术
( github.com)

1年前 • Geek • -- 点击 0 评论

16

2

1

1

怎么用 GPT-4 改变网站的外观和内容

Arc 浏览器的 Boosts 功能，能修改网站颜色、隐藏不喜欢的内容，现在他们演示了新技能：

在 Arc 浏览器里用 GPT-4 生成 JS 代码，直接在网页上模糊内容、缩短亚马逊商…
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

17

2

1

1

【做前端只要“动动嘴”：基于GPT-3根据文字描述自动生成React App】研究人工智能、深度学习的马里兰大学小哥 Sharif Shameem 用 GPT-3 写了一个人工智能语言模型。用日常语言输入你想要的网页效果，它就给你生成 JSX 代码。非常容易，不用怎么训练。
大陆资讯
( video.weibo.com)

4年前 • 微博视频 • -- 点击 0 评论

18

2

1

1

UIDraw ：在手机上绘制简单UI草图转换成网站。
使用 GPT-4 Vision 和 PencilKit/PKCanvasView （可绘制的画布）技术，用户可以绘制用户界面(UI)，然后将其转换成HTML代码。
GitHub：
IT技术
( github.com)

1年前 • 小互 • -- 点击 • 下载视频 0 评论

00:00:42

19

2

1

1

怎么把图层混乱的 Figma 设计稿直接转为前端代码？

#设计AI

当然是用 AI。印度公司 Kombai 发布的新工具，可以从几方面理解设计稿：

- 自动识别一组看看来有关的视觉元素，并把它们整理成嵌套的、有逻辑关系的 html 元素
- 理解哪些是循环/重复的视觉元素
- 识别按钮、输入框等常见控件…
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 • 下载视频 0 评论

00:02:32

20

2

1

1

啊哟，我去！这个Auto-GPT项目是真的强

能自己进化的 GPT 衍生怪兽
全给自动化流程迭代

让它写代码
然后自己跑代码、改代码，直到 run 起来
还可先把网页给抓下来，再分析网页……

这把现有的人肉式的 Chat-…
币圈
( twitter.com)

1年前 • 比特图灵 • -- 点击 0 评论

21

2

1

1

GPT-4免费用，无需官方账号
SteamShip 开放了 GPT-4 的模型接口，只需要注册SteamShip 账号，无需付费几行代码直接就能调用 GPT-4
下面是我测试的视频，除了返回时间比较慢，估计用的人太多了，而且本身…
推特中文圈
( twitter.com)

1年前 • nash_su • -- 点击 0 评论

22

2

1

1

怎么用白板直接开发程序

#设计AI

下面的视频演示了用 GPT-4 的多模态处理能力，直接把白板上画的流程图变成可以运行的程序代码，并创建相应网页。GPT-4 过于强大，人类的未来看来已经被诅咒了

- 白板画出了基本流程和逻辑，输入姓名、email、等待用户确认年龄超过 18 岁、进入网站或者显示儿童页面…
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

23

6

5

5

如何写最高端的代码？Facebook教你怎样用机器学习做最美的代码搜索工具
大陆资讯
( www.jiqizhixin.com)

5年前 • 粉身碎奶掌 • -- 点击 0 评论

24

2

1

1

GPT-Migrate：帮助你轻松地将你的代码库从一个框架或语言迁移到另一个

这个项目主要是为了解决代码迁移的痛点，这是一个昂贵、繁琐且非平凡的问题。

GPT-Migrate使用大型语言模型（如GPT-4-32k）来重建新的目…
IT技术
( twitter.com)

1年前 • 小互 • -- 点击 0 评论

1
2
3
4
5
6
...
400
下一页

0.2801 Second , Gzip Enable.本网所有言论均来自网络，不代表本网站立场。联系方式: admin@bad.news

©2012.11.21 bad.news All rights reserved. 社区自动运营第 -- 年零 -- 天
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

关注推特