将UI界面/截图转换为前端代码(HTML/Tailwind CSS/React/Vue.js)

浏览:23次阅读
没有评论

前言

一个简单的工具,可使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码。不过目前生成的较为简单, 期待后期的更新

支持的堆栈:

HTML + Tailwind
React + Tailwind
Vue + Tailwind
Bootstrap
Ionic + Tailwind
SVG

将 UI 界面 / 截图转换为前端代码(HTML/Tailwind CSS/React/Vue.js)

支持的 AI 模型:

GPT-4 Turbo (Apr 2024) - Best model
GPT-4 Vision (Nov 2023) - Good model that's better than GPT-4 Turbo on some inputs
Claude 3 Sonnet - Faster, and on par or better than GPT-4 vision for many inputs
DALL-E 3 for image generation
有关更多演示,请参阅下面的示例部分。

将 UI 界面 / 截图转换为前端代码(HTML/Tailwind CSS/React/Vue.js)

项目地址

https://screenshottocode.com/

源码地址

https://github.com/abi/screenshot-to-code

正文完
 0
包子
版权声明:本站原创文章,由 包子 于2024-05-08发表,共计424字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)