即刻App年轻人的同好社区
下载
App内打开
Simon的白日梦
1年前
网页截图转前端代码~!😮

GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
🧐screenshot-to-code是一款使用AI将截图、设计稿和Figma设计转换为干净代码(HTML/Tailwind/React/Vue)的工具。
➡️链接: github.com
✨重点
●📸 图像到代码:将截图、设计稿和Figma设计转换为HTML、Tailwind、React、Vue等多种代码格式,支持生成干净、可维护的代码。
●🤖 支持多种模型:兼容Claude Sonnet 3.5、GPT-4O、GPT-4 Turbo、GPT-4 Vision等AI模型,以获得最佳转换效果。
●💻 多样技术栈:支持HTML + Tailwind、HTML + CSS、React + Tailwind、Vue + Tailwind、Bootstrap、Ionic + Tailwind和SVG等技术栈。
●🚀 快速部署:提供详细的本地安装和使用指南,通过React/Vite前端和FastAPI后端实现快速部署,支持Docker安装。
详细内容
功能支持
截图转换:支持将各种截图和设计稿转换为多种前端代码格式,适用于快速原型设计和前端开发。
AI模型集成:与多种先进AI模型集成,包括Claude Sonnet 3.5、GPT-4O等,确保高质量的代码生成。
多技术栈输出:支持多种前端技术栈输出,满足不同开发需求。
安装与使用
本地安装:提供详细的安装步骤,通过pip和yarn等工具安装所需依赖,并在本地运行前后端服务。
Docker支持:通过Docker Compose快速构建和运行应用,适合希望简化安装流程的用户。
性能与优化
高效处理:通过使用FastAPI和React/Vite,实现高效的前后端交互,确保转换速度和响应性能。
灵活配置:支持通过环境变量和配置文件调整后端服务和API密钥,提供灵活的配置选项。
00:08
02

来自圈子

圈子图片

人工智能讨论组

472556人已经加入