项目可以将任何屏幕截图或设计转换为干净的代码(支持大多数框架)。来自领先公司的开发人员和设计师使用的排名第一的工具。完全开源,在 GitHub 上拥有超过 35,000 颗星。非常受欢迎。
各位小伙伴们感觉有帮助的,可以收藏一下,方便下次找到项目!
https://screenshottocode.com/
带上您自己的 OpenAI 密钥 -您的密钥必须有权访问 GPT-4 Vision
该应用程序有一个 React/Vite 前端和一个 FastAPI 后端。您将需要一个能够访问 GPT-4 Vision API 的 OpenAI API 密钥。
运行后端(我使用 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
运行前端:
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
该应用程序将在http://localhost:5173启动并运行。请注意,您无法使用此设置开发应用程序,因为文件更改不会触发重建。
在这里尝试一下https://screenshottocode.com/(带上您自己的 OpenAI 密钥 -您的密钥必须有权访问 GPT-4 Vision。有关详细信息,请参阅常见问题解答部分)
迎观看Illustrator教程,小编带大家学习 Illustrator 的基本工具和使用技巧,了解如何将 Illustrator 文档保存为 PDF 以供共享和打印。
当你打包Illustrator文件并发送给某人时,他们需要在机器上安装Illustrator才能打开文件。如果收件人没有Illustrator或要求您发送PDF,可以将Illustrator文档保存为PDF文件。PDF文件看起来像Illustrator的原始文档,如果保存正确,甚至可以用来打印Illustrator项目。你发送PDF的人只需要一个免费的PDF阅读器就可以查看。
使用Illustrator文档会发现如何从Illustrator文档创建PDF。如果打开文件,可能会看到「缺少字体」对话框,因为此文件使用Adobe字体。
Adobe Creative Cloud会员资格包括访问Adobe字体库的权限。如果确实看到此对话框,单击「激活字体」以修复缺少的字体。
当字体与Mac同步时,单击「关闭」。
要查看文件的全部内容,依次选择「视图」-「全部适合窗口大小」。
接下来将此文档另存为PDF,要将其另存为PDF,选择「文件」-「存储为…」。
在「存储为」对话框中,选择「Adobe PDF(PDF)」作为文件格式。
如果需要,更改名称,然后单击「存储」。
在出现的「保存Adobe PDF」对话框中,可以从顶部的「Adobe PDF 预设」菜单中选择预设,具体取决于PDF的用途。
如果在网站上发布PDF,需要选择「最小文件大小」选项。
还可以从左侧列表中选择一个类别,并自定义这些特定选项。
在这种情况下,可以保留所有选项的默认值,然后单击「存储 PDF」将文件另存为PDF。
PDF文件现在在 Illustrator 中打开。
将Illustrator文档保存为Adobe PDF,可以将Illustrator文档发送给任何拥有免费PDF阅读器的人。
现在您可以将自己的文档保存为PDF格式,并将其发送给其他人进行查看、打印和更多操作。
以上就是在 Illustrator 中将文档保存为 PDF的方法。
软件下载地址:Illustrator 2020 for Mac(ai 2020 直装版)
https://www.macz.com/mac/5120.html?id=NzY4OTYwJl8mMjcuMTg3LjIyNi4yMjI%3D
windows软件激活地址:Adobe Illustrator2022(AI 2022)
https://soft.macxf.com/soft/1246.html?id=MjkzODQ%3D
个简单的工具,可使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码。
支持的堆栈:
支持的AI模型:
有关更多演示,请参阅下面的示例部分。
https://screenshottocode.com/
我们还刚刚添加了实验性支持,用于拍摄正在运行的网站的视频/屏幕记录并将其转变为功能原型。
该应用程序有一个 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
该应用程序将在http://localhost:5173启动并运行。请注意,您无法使用此设置开发应用程序,因为文件更改不会触发重建。
*请认真填写需求信息,我们会在24小时内与您取得联系。