> ## 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.

# Overview

> Create and manage tests visually with AI assistance—no coding required

## Overview

The Stably Web Recorder + AI Editor is a web-based visual test builder and AI assistant that lets you create, edit, and manage tests without writing code. Think v0.dev or Lovable, but for testing.

## Capabilities

* <Icon icon="wand-magic-sparkles" /> **AI + visual authoring**: Create tests with natural language or the browser recorder, then refine them in the editor.
* <Icon icon="code" /> **SDK-backed tests**: Generated flows compile down to Playwright + Stably AI Testing SDK, so you can extend with code when needed.
* <Icon icon="layer-group" /> **Reusable building blocks**: Use components, variables, and data-driven steps to keep tests maintainable.
* <Icon icon="shield-check" /> **AI assertions and healing**: Add AI-powered assertions and auto-heal selectors to reduce flakiness.
* <Icon icon="wrench" /> **Custom logic**: Insert code steps for edge cases, integrations, or setup/teardown logic.
* <Icon icon="code-branch" /> **Imports and sync**: Import existing Playwright tests and optionally sync changes with your repository.

## Creating Tests

### AI Chat

Describe what you want to test in natural language:

```
You: "Create a test for user login with email and password"

Stably: I'll create a test that:
  • Navigates to the login page
  • Fills in email and password fields
  • Clicks the submit button
  • Verifies successful redirect to dashboard

[Generated test appears in editor]
```

### Browser Recorder

Click through your app while Stably captures your actions automatically. The recorder creates test steps as you interact with your application.

### Import Existing Tests

Upload your existing Playwright tests to manage them in the visual editor.

## Editing Tests

Use the visual editor to modify tests:

* **Drag and drop** steps to reorder
* **Click to edit** selectors, values, and assertions
* **AI assistance** to refine or add new steps
* **Live preview** to see changes in real-time

Changes sync to your repository automatically when connected.

## Connect Your Repository (Optional)

Connecting a Git repository lets you sync tests between the Web Editor and CLI-created tests, keeping everything in one place.

<Accordion title="GitHub / GitLab Integration">
  You can connect your GitHub or GitLab repository to sync tests to your codebase.

  <Frame>
    <img src="https://mintcdn.com/stablyai/Arz5CK4C3-E6wUwa/images/git-settings.png?fit=max&auto=format&n=Arz5CK4C3-E6wUwa&q=85&s=c848fe4224a9a7c3c0d3cba8a7edaeb4" alt="Git settings page" width="3018" height="1826" data-path="images/git-settings.png" />
  </Frame>

  **What happens when you connect:**

  * Existing Playwright configuration is detected automatically
  * If no Playwright setup exists, we create a Stably-managed configuration
  * Tests sync between Stably Cloud and your repository
  * Tests created in the Web Editor and tests created via the CLI are kept in sync

  **To connect:**

  1. Go to [Project Settings → Git settings](https://app.stably.ai/settings?tab=git)
  2. Authorize Stably to access your GitHub or GitLab repository
  3. We'll automatically create a PR/MR with the necessary setup

  **Note:** You don't need to connect a repository to use the online Editor. We handle test storage for you.
</Accordion>

## Next Steps

<CardGroup cols={2}>
  <Card title="Platform Capabilities" icon="sparkles" href="/platform-capabilities/ai-action">
    Explore AI actions, assertions, and more
  </Card>
</CardGroup>