From 451f6c399bed8b6cc3c825a56c0eeab8dcfdc213 Mon Sep 17 00:00:00 2001 From: Abi Raja Date: Fri, 8 Mar 2024 17:01:25 -0500 Subject: [PATCH 1/2] Update video-to-app.md --- blog/video-to-app.md | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/blog/video-to-app.md b/blog/video-to-app.md index 8e9d1ac..3561f6d 100644 --- a/blog/video-to-app.md +++ b/blog/video-to-app.md @@ -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 -* 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. 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 (a few dollars). 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 -TBD +https://github.com/abi/screenshot-to-code/assets/23818/fe236c1e-ab92-4d84-b63d-e73e5be9a726 ## Tips for taking videos From 214163b0e02176333b5543740cf6262e5da99602 Mon Sep 17 00:00:00 2001 From: Abi Raja Date: Fri, 8 Mar 2024 17:01:42 -0500 Subject: [PATCH 2/2] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f962eea..f8b6795 100644 --- a/README.md +++ b/README.md @@ -53,7 +53,7 @@ MOCK=true poetry run uvicorn main:app --reload --port 7001 ## 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.