目前最高效的【仿站神器】!截图就能复制网站,完全开源

2024-05-12 11:15:00
admin
原创
128

一个简单的工具,可使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码。

  Youtube.克隆.mp4
视频播放器
00:00
00:08

支持的堆栈:

  • HTML + 顺风
  • 反应 + 顺风
  • Vue + 顺风
  • 引导程序
  • 离子 + 顺风
  • 静止无功发生器

支持的AI模型:

  • GPT-4 Turbo(2024 年 4 月)- 最佳型号
  • GPT-4 Vision(2023 年 11 月)- 在某些输入上比 GPT-4 Turbo 更好的好模型
  • Claude 3 Sonnet – 对于许多输入来说,速度更快,并且与 GPT-4 视觉相当或更好
  • 用于图像生成的 DALL-E 3

我们还刚刚添加了实验性支持,用于拍摄正在运行的网站的视频/屏幕记录并将其转变为功能原型。

谷歌应用程序快速 3

开源项目:【 GitHub

网盘下载:【 点击下载

安装教程:

该应用程序有一个 React/Vite 前端和一个 FastAPI 后端。如果您想使用 Claude Sonnet 或实验性视频支持,您将需要一个能够访问 GPT-4 Vision API 的 OpenAI API 密钥或一个 Anthropic 密钥。

运行后端(我使用 Poetry 进行包管理 –pip install poetry如果你没有它):

cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001

如果您想使用 Anthropic,请将与您的 Anthropic 的 API 密钥一起ANTHROPIC_API_KEY添加。backend/.env

运行前端:

cd frontend
yarn
yarn dev

打开 http://localhost:5173以使用该应用程序。

如果您希望在不同端口上运行后端,请更新 VITE_WS_BACKEND_URLfrontend/.env.local

出于调试目的,如果您不想浪费 GPT4-Vision 积分,您可以在模拟模式下运行后端(该模式会传输预先录制的响应):

MOCK= true poetry run uvicorn main:app --reload --port 7001

Docker 一键安装命令:

echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build

 


发表评论
评论通过审核后显示。
文章分类
联系我们
联系人: 羊毛君
Email: soft850207@gmail.com