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

分享一个链接

发表一篇文章

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

1788 位用户此时在线

24小时点击排行 Top 10：

1月18日，赴俄参军的中国人，发视频奉劝不要来俄参军：俄兵歧视中国士兵，导致很多中国人来了以后过的很压抑，前段时间还有一名中国人因此自杀。

在韩国飞机失事的前几天，在中共国的荆州，也有一辆飞机掉了下来，但是奇怪，这件事很快就过去了，同样是飞机失事，韩国每个人赔偿4000万人民币，中共国没有任何说法，但目前，

两个让我极其恶心的东西凑在一起了

中國商人已經不知道良心是什麼東西，他們正在努力讓自己的心更黑一點。

近几年这种中学生争取自己权益的运动很频繁，我给它们起名为“冰菓运动”

中國又出新騙術，防不勝防。

中共對內下手太黑

这么多文旅绞尽脑汁还不如洋曹操说几分钟管用

最新消息：哈马斯和以色列开始人质交换。下面是刚刚哈马斯带人质过来的现场。

副號被封，不敢放视频了，太惨烈！

1月18日(发布) 呼和浩特。博主采访路边摊主：2024年赚到钱了吗？摊主回复：“去年没赚到，今年也没赚到，今年跟去年比差远了，收入至少降了2/3，而且客人消费能力也变差了”

大多数动物的胳膊或者腿断了，会永远落下残疾。但是蝾螈的四肢断掉之后，骨骼、皮肤、神经都能重新长出来，过一阵子就像什么事都没发生过... 想要永生的人类就开始研究蝾螈……

哈马斯荣归故里百姓无不夹道欢迎哈以战争以最酷的方式结尾，哈马斯仿佛历经苦难的英雄般取得了胜利，威望甚至胜于从前这应该就是本世纪的底色了

When you’re a climate or vegan activist you can get away with basically anything in the UK.

這玩意有點嚇人

以色列對釋放人質的反應

1月18日，有人在小红书上晒女儿的照片，有美国网友表示：这是中国的中产阶级吗？因为房子很华丽。而中国网友则表示这只是中国一个普通家庭，并不是中产。

1月19日(发布) ，湖北。一名三甲医院麻醉医师，冲塔批评医保局权力垄断。他表示目前集采制度完全由医保局一家主导，这个高度集权的部门事实上不受制衡，更不直面一线压力——病人怎么治、怎样缩短病程、怎样判断疗效....他不了解，也不对其负责，它只管控费，反正应付患者是医院和医生的事请。

🚨在示威现场，有韩国网友发现一些没有名签也不会说韩语的警察，而且举止粗暴蛮横🔥 他们认定，这些人是与韩国警方合作的中共警察，对韩国示威者使用暴力。

1月19日(发布) 广东揭阳。河山东路一男子持菜刀上街，随后被警察制服带走。

German universities have been infected by the woke mind virus.

网友补充：这个人大代表所在的企业“达嘉维康医药集团”，推出的产品包括小建中颗粒、板蓝根颗粒、溃疡胶囊、新生化颗粒、九味肝泰胶囊、玉叶清火胶囊、小儿咽扁颗粒、肠康片、板蓝根颗粒、姜枣祛寒颗粒、六味地黄胶囊、妇科调经片、舒筋活血胶囊、障眼明胶囊...等等。要不请领导先吃中成药吧？

老江发自内心只看中过两个人，一是陈良宇，另一个是薄熙来。但他们两个，一个已经被党中央拿下，一个在党内树敌太多，阻力太大。万般无奈，老江派曾庆红去考察习近平。曾庆红是军师，习惯隐于幕后。一番考察后，他觉得习近平是个不错的人选。

墙内社交媒体上不少人的人生理想，就是活成一个沾沾自喜的笑话。

公共卫生间居然有暗门，这样就不仅是丢小孩了，朋友们出门注意安全！

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

2

1

0

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

2个月前由 meng shao 提交

AI 驱动的设计稿转代码引擎 | 支持多框架导出

Github 上 56.8K ✨ 超高热度项目 screenshot-to-code 更新最新模型支持, 作者 @_abi_ 🎉

核心功能:
- 将截图、设计稿和 Figma 设计转换为功能性代码
- 支持将视频/网站录屏转换为功能性原型(实验性功能)
- 使用 AI 技术实现自动代码生成

最新 AI 模型支持:
- Claude Sonnet 3.5 (推荐最佳模型)
- GPT-4o
- DALLE3 或 Flux Schnell (用于图像生成)

支持的技术栈:
- HTML + Tailwind CSS
- HTML + 普通 CSS
- React + Tailwind
- Vue + Tailwind
- Bootstrap
- Ionic + Tailwind
- SVG

项目地址:
https://t.co/jv1BBRJdST

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

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

1

2

1

1

搜索引擎新时代到来！微软推出AI驱动的新版必应和Edge
大陆资讯
( finance.sina.com.cn)

1年前 • 妮妮娃 • -- 点击 0 评论

2

2

1

1

自己的一款AI内容搜索引擎 Qmeida
开源AI内容搜索引擎, 专为内容创作者设计.
支持图文/短视频内容提取.
可以本地搭建全套环境 (web app , rag server , llm server)
支持图文/视频算法本地部署.
支持多模态RAG内容问答
时政
( github.com)

7个月前 • Lafe • -- 点击 0 评论

3

2

1

1

喷气发动机怎么工作的？

制作了很多透明引擎视频的 Warped Perception，又制作了一台透明的喷气引擎，展示了空气吸入、空气被压缩、火花塞点燃燃料并产生压力、排气驱动涡轮旋转维持引擎旋转并产生推力

完整视频在这里…
推特中文圈
( twitter.com)

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

4

2

1

1

Perplexity，这个曾经在其网站上承诺将网络搜索保持在一个“不受广告驱动模型影响”的环境中的公司，现在计划开始投放广告。
以下内容为转译：
《Perplexity：这款新兴的生成式 AI 搜索引擎计划通过广告赚钱》…
IT技术
( twitter.com)

9个月前 • 宝玉 • -- 点击 0 评论

5

2

1

1

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

#设计AI

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

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

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

00:02:32

6

2

1

1

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

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

00:00:08

7

2

1

1

Supabase技术文档接入AI搜索后，能支持自然语言，能写代码，甚至能debug，估计很多人好奇它是怎么实现的。
漫画
( twitter.com)

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

00:00:26

8

6

5

5

请勿模仿，火柴头驱动的双引擎纸飞机……
大陆资讯
( weibo.com)

5年前 • 微博 • -- 点击 0 评论

9

13

12

12

Opera宣布将跟随Google，放弃WebKit，支持Blink浏览器引擎 | 曾在二月份宣布支持 WebKit 的 Opera 浏览器也刚刚确认了它将跟随 Google Chrome 的决定，放弃 WebKit，支持 Blink 浏览器引擎。有了占有巨大移动市场份额Opera浏览器的支持，Blink引擎对WebKit已经构成威胁。
大陆资讯
( www.36kr.com)

11年前 • 葵花点穴手 • -- 点击 0 评论

10

6

5

5

电动飞机有望成为现实，还面临电池/引擎/设计三大挑战
大陆资讯
( tech.qq.com)

6年前 • QQ新闻 • -- 点击 0 评论

11

2

1

1

前端的噩梦来了！

一个由GPT-4V（最新视觉版）驱动的人工智能代理（Agent）

这个代理能自主地设计网页应用。然后自己编写代码，同时它还能查看生成的网站，并对照设计改进代码。😏

整个过程全自动进行！😑

IT技术
( twitter.com)

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

00:00:53

12

3

2

2

强烈推荐这篇文章：《深入探索：AI 驱动的 PDF 布局检测引擎源代码解析 [译]》
系统的分析了最近很火的 PDF 转 Markdown 开源程序 Marker 的工作原理，比我想象的要复杂不少，用了好几个开源库。Marker 主要通过以下六个阶段来工作：
1. 准备阶段：利用 PyMuPDF…
IT技术
( github.com)

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

13

2

1

1

AI重构代码建议：
1. 先让AI对相关模块和方法生成单元测试，保证测试通过
确保重构后不破坏原有系统稳定性
2. 如果代码行数不多，没有依赖项，直接一次性扔给GPT-4（ChatGPT Plus）
3. 如果代码行数多，需要人先设计，然后拆成小模块，将小模块的设计和原始代码一起扔给GPT-4重新生成新代码
4.…
IT技术
( twitter.com)

11个月前 • 宝玉 • -- 点击 0 评论

14

2

1

1

朋友搞了个Dc聊天助手，主要用于肝白，核心功能如下：
1、支持多账号多频道同时自动回复
2、支持自定义话术设置，定时发送
3、支持自定义话术轮询发送
4、支持AI自动聊天（需要自己申请AI）

关注 + 点赞 + 转发，抽10个人…
推特中文圈
( twitter.com)

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

15

2

1

1

Teltlk钱包将全面支持Pi币支付、Pi红包、Pi转账、Pi二维码收件、Pi扫码支付，全面引入亚洲最先进的移动支付理念支付Pi
#PiNetwork
币圈
( twitter.com)

1年前 • PI记者报International news • -- 点击 • 下载视频 0 评论

00:02:06

16

2

1

1

“AI的代价”进入视野：Gartner预期两年内搜索引擎流量下降25%
大陆资讯
( finance.sina.com.cn)

11个月前 • 三聚氰胺 • -- 点击 0 评论

17

2

1

1

#工程师工具推荐一个万能的 #ChatGPT 网页总结插件「Glarity Summary」，支持谷歌各类搜索引擎、Youtube、Github、Yahoo、Twitter，甚至任意网页的总结，此外也支持设置不自动开启，使用的使…
推特中文圈
( twitter.com)

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

18

2

1

1

好美，落叶飘…F-22“猛禽”是世界上第一款量产的第五代隐形战斗机，采单座双引擎设计

时政
( twitter.com)

2年前 • twitter机器人 • -- 点击 • 下载视频 0 评论

00:00:31

19

3

2

2

似乎 Google 的程序员并不太认同 CEO 关于 Google 内部 1/4 的代码是 AI 生成的说法：
***
asdfman123：
我在Google工作，刚结束一天的工作。我刚才写的内容可以算作是“AI生成的代码”吧。但实际上代码补全引擎只是在我写代码时，帮忙完成我正在输入的行。例如，当我输入“function
IT技术
( twitter.com)

2个月前 • 宝玉 • -- 点击 0 评论

20

2

1

1

#工程师工具又一个 Web 配色工具「Aicolors」，提供了很多内置选择，最近还支持的 AI 描述的方式创建，这个思路不错，还挺好玩的，适合开发或设计师快速创建协调的配色方案，支持新建、保存、编辑自己的方案，并提供代码展示以…
推特中文圈
( twitter.com)

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

21

2

1

1

🌟 Stash 2.6.0 正式版更新 👨‍💻
💡 新增
- 更换 JavaScript 引擎，新引擎支持 WebAPI
- 支持 DNS 查询跟随规则
- 新增支持 classical text 规则集合
- 脚本 $environment 支持 device-model
- 脚本 $httpClient 支持参数 timeout、insecure、auto-cookie、auto-redirect
- 新增覆写分类 (macOS & iOS)…
时政
( twitter.com)

9个月前 • Stash • -- 点击 0 评论

22

3

2

2

用 AI 设计工具做 UI 设计的三个层级
#迷你设计课
我总被问 AI 设计工具的问题，每个人情况不同，以下经验适合技术背景的创业公司、独立开发者
1，用 AI 工具代替 UI 设计师
这是多数程序员的想法，毕竟 AI 可以“节约”设计成本、“降低”和设计师的沟通难度、“加快”整体开发速度
推荐的 AI
IT技术
( twitter.com)

1个月前 • 倪爽 • -- 点击 0 评论

23

2

1

1

Yandex前员工试图出售搜索引擎源代码获刑2年
大陆资讯
( tech.qq.com)

9年前 • 喊妈妈 • -- 点击 0 评论

24

6

5

5

【亚马逊、谷歌之后 Facebook加入AI芯片大战】Facebook一边与多家芯片公司合作开发新设计，一边也在自己研发定制的“ASIC”芯片以支持它的AI程序。Facebook首席人工智能科学家、现代人工智能的先驱之一Yann LeCun还表示将把研究重点放在神经网络设计上，并开发一款可以与人就任何话题进行交谈的智能助理。
大陆资讯
( wallstreetcn.com)

6年前 • 梁山伯揍英台 • -- 点击 0 评论

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

0.17478 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.

关注推特