AI开源项目screenshot-to-code将网页截图直接转化为HTML网页
嘻嘻发布于2023-11-21
最后更新于2023年11月21日
浏览网页开发再也不是难题!开源项目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, 将草图变成原型,这里可以将原型变成代码,对开发效率将是一个极大的提升。