ScreenshotToCode——将屏幕截图转换为代码 利用AI将屏幕截图转换为代码(包括HTML、Tailwind CSS、React或Vue)。具体使用场景为:1. 高效地将设计稿或网页布局截图转化为实际可用的前端代码。2. 将现有的网页或应用程序界面高效的转换为新的项目基础代码。3. 使设计师和开发者之间的协作更轻松。可便捷地将设计图直接...
echo "OPENAI_API_KEY=sk-your-key" > .env docker-compose up -d --build 同样的,启动完成后,在 http://localhost:5173 访问应用。 使用Screenshot to Code Screenshot to Code 目前支持转换的代码样式包括:HTML/Tailwind CSS、React、Vue和Bootstrap等,还有Ionic和SVG是bate状态。用户可以根据自己的需求选择...
screenshot-to-code 应用程序可以将屏幕截图转换为代码(HTML/Tailwind CSS、React、Bootstrap 或 Vue)。 它使用了 GPT-4 Vision 生成代码,并使用 DALL-E 3 生成类似的图像,所以需要设置 OPENAI_API_KEY。 你还可以通过输入网站的 URL 来克隆一个在线网站。 该应用程序前端使用 React/Vite,后端使用 Python 的 F...
screenshot-to-code是完全免费使用的,只要你有一个OpenAI密钥。前往这个网站,点击设置图标,添加你的OpenAI密钥,然后点击保存按钮。 api-seeting 我在Zeniteq 的文章页面的截图上试过这个工具。 Zeniteq-o 这是由工具解释的最终结果。 Zeniteq-t 它能复制截图吗?嗯,并不是很准确。但结果相当接近。你可以通过在下...
Screenshot to Code:将网页屏幕截图直接转换为干净的代码利用GPT-4 Vision视觉能力将截图转换成代码,支持HTML/Tailwind CSS、React、Bootstrap或Vue。甚至还能使用DALL-E 3生 - 尚学未来科技于20240314发布在抖音,已经收获了1347个喜欢,来抖音,记录美好生活!
Screenshot to Code,利用GPT-4 Vision视觉能力将截图转换成代码,支持HTML/Tailwind CSS、React、Bootstrap或Vue。 甚至还能使用DALL-E 3生成相似图片来直接填充生成的页面,让其看着很美观! 还可以直接输入任何网站的URL来直接克隆网站。 主要功能包括: 1、将屏幕截图转换为代码:用户可以上传屏幕截图,项目利用AI技术自...
将截图转化为 HTML 代码的工具。该项目可以将屏幕截图转化为 HTML/JS/Tailwind CSS 代码,它使用 GPT-4 Vision 生成代码、DALL-E 3 生成相似的图片。 - strawhat-yuan/screenshot-to-code
Put in the picture and convert it to clean HTML/Tailwind/JS code;支持代理中转;free-gpt4apikey;放入图片并将其转换为干净的 HTML/Tailwind/JS 代码,视觉识别,免费使用,图片转页面.;screenshot-to-code - uuu555552/ptocode
开源工具屏幕截图生成代码screenshot-to-code #claude3 #gpt4 #人工智能 #程序员 #编程 一个简单的工具,可使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码。支持的模型GPT-4 Tu - 996station于20240419发布在抖音,已经收获了1436个喜欢,来抖音,记录美好
.vscode fix vs code settings for python import path Mar 5, 2024 backend keep generating even if one of the models fails Sep 17, 2024 blog Delete blog/video-to-app.md Mar 26, 2024 frontend update favicon/branding Sep 14, 2024 .gitattributes Initial commit Nov 15, 2023 .gitignore add lis...