docs(images -> docs/images) (#377)

This commit is contained in:
Suchintan
2024-05-27 10:11:40 -04:00
committed by GitHub
parent f9daabfc7e
commit c2cd935805
16 changed files with 12 additions and 2436 deletions

View File

@@ -3,8 +3,8 @@
<h1 align="center"> <h1 align="center">
<a href="https://www.skyvern.com"> <a href="https://www.skyvern.com">
<picture> <picture>
<source media="(prefers-color-scheme: dark)" srcset="images/skyvern_logo.png"/> <source media="(prefers-color-scheme: dark)" srcset="docs/images/skyvern_logo.png"/>
<img height="120" src="images/skyvern_logo_blackbg.png"/> <img height="120" src="docs/images/skyvern_logo_blackbg.png"/>
</picture> </picture>
</a> </a>
<br /> <br />
@@ -28,7 +28,7 @@
[Skyvern](https://www.skyvern.com) automates browser-based workflows using LLMs and computer vision. It provides a simple API endpoint to fully automate manual workflows, replacing brittle or unreliable automation solutions. [Skyvern](https://www.skyvern.com) automates browser-based workflows using LLMs and computer vision. It provides a simple API endpoint to fully automate manual workflows, replacing brittle or unreliable automation solutions.
<p align="center"> <p align="center">
<img src="images/geico_shu_recording_cropped.gif"/> <img src="docs/images/geico_shu_recording_cropped.gif"/>
</p> </p>
Traditional approaches to browser automations required writing custom scripts for websites, often relying on DOM parsing and XPath-based interactions which would break whenever the website layouts changed. Traditional approaches to browser automations required writing custom scripts for websites, often relying on DOM parsing and XPath-based interactions which would break whenever the website layouts changed.
@@ -50,8 +50,8 @@ Want to see examples of Skyvern in action? Jump to [#real-world-examples-of-skyv
Skyvern was inspired by the Task-Driven autonomous agent design popularized by [BabyAGI](https://github.com/yoheinakajima/babyagi) and [AutoGPT](https://github.com/Significant-Gravitas/AutoGPT) -- with one major bonus: we give Skyvern the ability to interact with websites using browser automation libraries like [Playwright](https://playwright.dev/). Skyvern was inspired by the Task-Driven autonomous agent design popularized by [BabyAGI](https://github.com/yoheinakajima/babyagi) and [AutoGPT](https://github.com/Significant-Gravitas/AutoGPT) -- with one major bonus: we give Skyvern the ability to interact with websites using browser automation libraries like [Playwright](https://playwright.dev/).
<picture> <picture>
<source media="(prefers-color-scheme: dark)" srcset="images/skyvern-system-diagram-dark.png" /> <source media="(prefers-color-scheme: dark)" srcset="docs/images/skyvern-system-diagram-dark.png" />
<img src="images/skyvern-system-diagram-light.png" /> <img src="docs/images/skyvern-system-diagram-light.png" />
</picture> </picture>
<!-- TODO (suchintan): <!-- TODO (suchintan):
@@ -130,7 +130,7 @@ pre-commit install
Once you have the UI running, you can start an automation by filling out the fields shown in the UI and clicking "Execute" Once you have the UI running, you can start an automation by filling out the fields shown in the UI and clicking "Execute"
<p align="center" > <p align="center" >
<img src="images/skyvern_visualizer_run_task.png"/> <img src="docs/images/skyvern_visualizer_run_task.png"/>
</p> </p>
### Executing tasks (cURL) ### Executing tasks (cURL)
@@ -159,14 +159,14 @@ Every time you call the API, you will be given a task_id you can use to find a t
In the screenshot below, we're navigating to finditparts.com and searching for a truck part. You'll see each action it took listed there, alongside the reasoning behind each action. In the screenshot below, we're navigating to finditparts.com and searching for a truck part. You'll see each action it took listed there, alongside the reasoning behind each action.
<p align="center"> <p align="center">
<img src="images/skyvern_visualizer_debug_llm_response.png"/> <img src="docs/images/skyvern_visualizer_debug_llm_response.png"/>
</p> </p>
In addition to the actions suggested by the LLM in text form, Skyvern's visualizer also shows the state of the screen at the time of the action, with a 1:1 action to screenshot mapping. This allows you to see exactly what Skyvern saw when it made a decision, and debug any issues that may have arisen. In addition to the actions suggested by the LLM in text form, Skyvern's visualizer also shows the state of the screen at the time of the action, with a 1:1 action to screenshot mapping. This allows you to see exactly what Skyvern saw when it made a decision, and debug any issues that may have arisen.
<p align="center"> <p align="center">
<img src="images/skyvern_visualizer_debug_action_screenshot.png"/> <img src="docs/images/skyvern_visualizer_debug_action_screenshot.png"/>
</p> </p>
@@ -188,7 +188,7 @@ You'll need to have Skyvern running locally if you want to try these examples ou
./run_ui.sh finditparts ./run_ui.sh finditparts
``` ```
<p align="center"> <p align="center">
<img src="images/finditparts_recording_crop.gif"/> <img src="docs/images/finditparts_recording_crop.gif"/>
</p> </p>
## Navigating to government websites to register accounts or fill out forms ## Navigating to government websites to register accounts or fill out forms
@@ -197,7 +197,7 @@ You'll need to have Skyvern running locally if you want to try these examples ou
./run_ui.sh california_edd ./run_ui.sh california_edd
``` ```
<p align="center"> <p align="center">
<img src="images/edd_services.gif"/> <img src="docs/images/edd_services.gif"/>
</p> </p>
<!-- Add example of delaware entity lookups x2 --> <!-- Add example of delaware entity lookups x2 -->
@@ -207,7 +207,7 @@ You'll need to have Skyvern running locally if you want to try these examples ou
./run_ui.sh bci_seguros ./run_ui.sh bci_seguros
``` ```
<p align="center"> <p align="center">
<img src="images/bci_seguros_recording.gif"/> <img src="docs/images/bci_seguros_recording.gif"/>
</p> </p>
💡 See it in action 💡 See it in action
@@ -215,7 +215,7 @@ You'll need to have Skyvern running locally if you want to try these examples ou
./run_ui.sh geico ./run_ui.sh geico
``` ```
<p align="center"> <p align="center">
<img src="images/geico_shu_recording_cropped.gif"/> <img src="docs/images/geico_shu_recording_cropped.gif"/>
</p> </p>
<!--- <!---

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 628 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 373 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 366 KiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 KiB