绝了！图片可以直接转成代码！开发是越来越简单了～～～

文章预览

平时我们浏览网站的时候， 经常会遇到令人眼前一亮的网页设计，如果能够将这些设计元素或者整个页面的布局应用到自己的项目中，那该多好？ 今天就就给大家介绍一个 能够将截图转为代码的开源项目   screenshot-to-code 。 screenshot-to-code 项目通过结合先进的 AI 技术，为开发者和设计师提供了一个从视觉设计到代码实现的高效工具，极大地简化了开发流程。 screenshot-to-code 可以把界面设计截图直接转化为 HTML、CSS 或 JavaScript 代码 ，这样能帮助开发者快速生成网页前端代码。 无论是一个按钮、一个导航栏，还是整个页面布局都能 从截图转换成实际的前端代码。 screenshot-to-code 支持将截图转换成 HTML、Tailwind CSS、React 和 Vue 等现代技术栈的代码 。 用户还可以输入 URL 来克隆实时网站 。 现在支持 Claude Sonnet 3.5 和 GPT-4o！ 开源地址：https://github.com/abi/ ………………………………