Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/abi/screenshot-to-code

Browse Source
This commit is contained in:
Abi Raja 2024-03-14 15:59:59 -04:00
commit 87cf6f4cc2
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -53,7 +53,7 @@ MOCK=true poetry run uvicorn main:app --reload --port 7001
## Video to app (experimental) ## Video to app (experimental)
[video] https://github.com/abi/screenshot-to-code/assets/23818/1468bef4-164f-4046-a6c8-4cfc40a5cdff
Record yourself using any website or app or even a Figma prototype, drag & drop in a video and in a few minutes, get a functional, similar-looking app. Record yourself using any website or app or even a Figma prototype, drag & drop in a video and in a few minutes, get a functional, similar-looking app.

13
blog/video-to-app.md
View File

@ -1,12 +1,17 @@
* You can now capture a video of a web app in action and have the AI build it for you. ## Capture a screen recording of a web site in action and have the AI build it for you.
* Unlike screenshots, the app will not visually look exactly like the screen recording but it will be functional * Unlike screenshots, the app will not visually look exactly like the screen recording but it will be functional
* This uses Claude 3 by Anthropic. You need to add an Anthropic API key to your .env file. See the README.md for details * IMPORTANT: This is very experimental and each call is expensive (a few dollars). I would recommend setting up usage limits on your Anthropic account to avoid excess charges.
* IMPORTANT: This is very experimental and each call is expensive. I would recommend setting up usage limits on your Anthropic account to avoid excess charges.
## Setup
This uses Claude 3 by Anthropic. Add an env var ANTHROPIC_API_KEY to backend/.env with your API key from Anthropic.
## Examples ## Examples
TBD https://github.com/abi/screenshot-to-code/assets/23818/fe236c1e-ab92-4d84-b63d-e73e5be9a726
## Tips for taking videos ## Tips for taking videos