一个简单的工具,转换截图,模型和菲格玛设计成清洁的,功能代码使用人工智能。 现在支持克劳德十四行诗3.5和GTP-4O!

支持式栈:

• HTML+逆风；HTML+CSS；反应+逆风；VUE+逆风；吊带；离子+尾风；Svg

• 支持人工智能模式:

  • 克劳德十四行诗3.5-最佳模特!
  • GTP-4O-也推荐!
  • 为生成图像而使用的Del-E3或通量施内尔(使用复制)

  • 🛠 Getting Started

    该应用程序有一个反应/虚拟的正面和一个法斯塔皮后端。

    所需钥匙:

    • 可访问GTP-4的开放式API键 或人形键(可选)
    • 两者都是推荐的,所以你可以比较来自克劳德和GTP4O的结果。

    如果你想用开放源代码模型运行这个应用程序(由于质量差而不推荐)

    运行后端(我使用诗歌进行包装管理-pip install poetry 如果你没有):

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

    您还可以使用前端的设置对话框设置键(加载前置后单击齿轮图标)。

    做正面:

    cd frontend
    yarn
    yarn dev

    公开的 http://localhost:5173 使用这个程序。

    如果您希望在另一个端口上运行后端,请在frontend/.env.local

    为了调试的目的,如果您不想浪费gpt4视觉信用,您可以在模拟模式下运行后端(该模式可以流出预先录制的响应):

    MOCK=true poetry run uvicorn main:app --reload --port 7001
    码头工人

    如果您已在系统中安装了码头程序,请在根目录中运行:

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

    应用程序将在 http://localhost:5173 .注意,由于文件更改不会触发重建,因此无法使用此设置开发应用程序。

    🙋‍♂️ FAQs

    我在设置后端时遇到了一个错误。我该怎么修呢? 尝尝这个 .如果这还不起作用,那就开个玩笑吧。

    如何获得开放式API键? 看 HTPS://JUTUB.com/ABI/屏幕连接/点位/主/故障处理。如何配置开放代理? -如果你不能直接访问公开空气污染指数(例如:(国家限制),您可以尝试一个vpn,或者您可以将开放I基URL配置为使用代理:在backend/.env 或直接在设置对话框中的UI中.确保网址在路径中有"V1",所以它应该是这样的:https://xxx.xxxxx.xxx/v1如何更新我的前端连接的后端主机? -在前面/处配置维图_http_后向和维图_ws后向。以本地为例,设置维托_http_后台_url= http://124.10.20.1:7001

  • 在运行后端时看到UTF-8错误吗? -打开窗户。环境文件带记事本++,然后去编码和选择UTF-8。如何提供意见? 对于反馈、功能请求和错误报告,打开一个问题或将我的问题记录到 推特声 .
  • github镜像代码拉起：git@github.com:abi/screenshot-to-code.git