XuLaLa.Tech

网页开发再也不是难题！开源项目screenshot-to-code利用GPT-4V的强大能力，能直接将网页截图转化为HTML代码。这是一个开源项目，你可以自由使用和修改。不论你是开发新手还是专业人士，都能从中获益。立即了解更多，让AI助力你的开发工作，让开源成为你的强大工具！

screenshot-to-code需要你上传一张截图，也可以使用ScreenshotOne服务。ScreenshotOne是一个可扩展且性能优良的平台，能够将网站、HTML或Markdown渲染成任何图像格式，包括PDF。并且，它无需使用cookie横幅和广告。

项目地址:https://github.com/abi/screenshot-to-code

ScreenshotOne站点注册

1、打开官网首页https://screenshotone.com/

2、点击右上角Sign Out, 登录注册

输入常用的邮箱和密码

登录进入后台提示需要验证邮箱

3、验证邮箱

配置screenshot-to-code

打开工具首页https://picoapps.xyz/free-tools/screenshot-to-code

配置OpenAI KEY

上传截图生成代码

这里可以直接上传截图，也可以使用screenshot服务来在线截图。

我上传了一张百度首页的截图，让它生成了代码，效果还不错，如果有了这个开发效率将是一个极大的提升，结合之前https://makereal.tldraw.com, 将草图变成原型，这里可以将原型变成代码，对开发效率将是一个极大的提升。

官方的DEMO