> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stably.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart: Stably Web

> Build and run Playwright tests in your browser—no local setup required.

## Prerequisites

* A Stably account: [Sign up](https://forms.stably.ai/sign-up)
* Access to the app you want to test (URL plus test credentials if needed)
* Optional: GitHub repository access if you want to sync tests back to code

## Step-by-step

<Steps>
  <Step title="Capture or ask AI for a flow">
    Click **Start Recording** to capture actions in your app, or ask AI to build tests for you (e.g., "Create a login test that verifies the dashboard loads"). The editor builds Playwright-compatible steps you can inspect.

    <Frame>
      <img src="https://mintcdn.com/stablyai/QBsUQr5u-Gv6u3kf/images/stably2/web-quickstart-agent.png?fit=max&auto=format&n=QBsUQr5u-Gv6u3kf&q=85&s=0593105221a9317deb7972c1c6740690" alt="Ask AI to build tests or start recording" width="1470" height="806" data-path="images/stably2/web-quickstart-agent.png" />
    </Frame>
  </Step>

  <Step title="Preview the changes and publish">
    View changes in the no-code view or code view. Use the recorder or chat with AI to make modifications, and preview the test—all in the editor. Publish when ready.

    <Frame>
      <img src="https://mintcdn.com/stablyai/zUWtLNlhhe8rXET9/images/stably2/web-quickstart-code-view.png?fit=max&auto=format&n=zUWtLNlhhe8rXET9&q=85&s=ce5aaab38deb83696869af37695f8f05" alt="Preview test code and watch the agent in action" width="1914" height="1010" data-path="images/stably2/web-quickstart-code-view.png" />
    </Frame>
  </Step>

  <Step title="Run in Stably Cloud">
    Choose **Run** and pick a test project (e.g., "prod release"). Stably provisions the browser, runs the test, and streams results with screenshots and logs. No local installs required.
  </Step>
</Steps>

## Preview vs Run

**Preview** and **Run** serve different purposes:

* **Preview** executes the test inside the editor's virtual browser so you can watch each step play out in real time. Use it to quickly validate changes, debug failures, and iterate—without leaving the editor.
* **Run** is available after you publish your tests. Use it to execute tests in headless mode at scale—on [your own machine via the CLI](/stably-cli/run-tests) or on [Stably Cloud](/run-tests/run-tests-on-cloud).

<Frame>
  <img src="https://mintcdn.com/stablyai/zUWtLNlhhe8rXET9/images/stably2/web-quickstart-run-results.png?fit=max&auto=format&n=zUWtLNlhhe8rXET9&q=85&s=e3e2ef7395270a083e61c27f6eda117b" alt="Preview a test run inside the editor with real-time browser output" width="1908" height="1011" data-path="images/stably2/web-quickstart-run-results.png" />
</Frame>

## What you get

* Playwright-compatible tests you can export or run anywhere
* Full run history with screenshots, logs, and video recordings
* Git-backed version control—every change is saved

## Next step

<Card title="Web Editor guide" icon="cloud" href="/stably/stably-web-editor">
  Learn the editor, AI assistance, and recording tips
</Card>