BetterQA Tools / Recording

Record once,
test everywhere

Flows captures your browser actions and converts them into production-ready test scripts. Playwright, Cypress, Puppeteer. AI-powered selectors that survive UI changes.

REC
00:42:16
Click
button[data-testid="submit"]
Type
input[name="email"]
Speed 10x
Formats 5+
Selectors AI
01

Export to any framework

Record once, export to the testing framework your team already uses. Full Page Object Model support, clean code, ready for CI/CD.

PRIMARY
Playwright

TypeScript or JavaScript with async/await. Full Page Object Model generation.

1await page.goto('https://app.example.com');
2await page.fill('[data-testid="email"]', email);
3await page.click('button:has-text("Submit")');
POPULAR
Cypress

Modern E2E with built-in assertions and automatic waiting. cy.* commands.

1cy.visit('https://app.example.com');
2cy.get('[data-testid="email"]').type(email);
3cy.contains('Submit').click();
LEGACY
Puppeteer

Headless Chrome automation. Direct CDP access for advanced scenarios.

1await page.goto('https://app.example.com');
2await page.type('input[name="email"]', email);
3await page.click('button[type="submit"]');
02

Built for real QA workflows

Not a toy. We use Flows daily on client projects. Every feature exists because we needed it.

AI-Powered Selectors

Intelligent selector generation using data attributes, ARIA roles, and text content. Creates stable locators that survive UI changes without breaking your tests.

#app > div:nth-child(3) > button
button[data-testid="submit"]
button:has-text("Submit")

Smart Wait Handling

Automatically detects network requests, animations, and loading states. Generates appropriate waits without hardcoded timeouts that flake.

Built-in Assertions

Auto-generates visibility, text content, and state assertions. Add custom assertions with a single click.

Edit Before Export

Review and modify recorded steps. Add variables, loops, and conditions directly in the UI before exporting.

MCP Server Integration

Connect Flows to AI agents via Model Context Protocol. Let Claude or other LLMs control browser automation directly.

03

AI builds your tests from scratch

Give Flows a URL and requirements. It explores, designs, creates, runs, and heals tests autonomously.

01

EXPLORE

Playwright crawls the site, discovers forms, buttons, and navigation

02

DESIGN

AI architects a test suite from the element catalog

03

CREATE

Step groups, elements, and flows persisted automatically

04

EXECUTE

Suite runs with setup and teardown before and after each test

05

HEAL

Self-healing selectors fix themselves at runtime, zero maintenance

MODE.01
NO API KEY

Claude IS the designer. Explore-only mode returns the element catalog, and Claude designs the suite directly. No external API key needed.

MODE.02
MCP

Connect via MCP, call flows_generate_from_prompt with a URL and requirements. Works with any MCP-compatible editor.

MODE.03
AUTOMATED

Set a Google, OpenRouter, or OpenAI API key. The AI explores, designs, and creates without human input.

We automated with AI - every test passed, nothing worked. That's why we build tools that keep humans in the loop.
- BetterQA Engineering
04

Generate and debug with AI

Generate full test suites from a URL, or let Claude analyze failures and fix selectors - all via MCP (Model Context Protocol).

Now on npm

The Flows MCP server is now publicly available. Install it globally and connect to Claude Desktop or Claude Code:

npm install -g @betterqa/flows-mcp

Claude Code

Add to your MCP config:

{
  "mcpServers": {
    "flows": {
      "command": "npx",
      "args": ["@betterqa/flows-mcp"]
    }
  }
}

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "flows": {
      "command": "npx",
      "args": ["-y", "@betterqa/flows-mcp"]
    }
  }
}

Offline Analysis

Debug flows without the extension running. Data syncs to ~/.flows/

AI Error Explanations

Get human-readable analysis of failures: timeouts, stale elements, click interception

Selector Auditing

Score your flows for stability, identify brittle patterns before they break

Auto-Fix Suggestions

Claude finds alternative selectors from your element library

BugBoard Integration

Submit results directly to BugBoard test management

Agentic Testing Flow

1

Tell the AI what to test

2

Playwright explores the site

3

AI designs and creates suite

4

Run tests, auto-heal failures

5

Results sync to BugBoard

MCP Tools Available

flows_generate_from_prompt One-shot: URL + requirements to full test suite
flows_explore Discover site elements with Playwright
flows_create_from_design Create suite from AI-designed JSON
flows_analyze Debug failures, suggest fixes
flows_fix_selector Apply selector fixes
integration_run_and_report Run flows and submit to BugBoard
Protocol MCP (Model Context Protocol)
Sync File-based + optional WebSocket
Security Path traversal prevention, local-only
Tests 370+ unit tests, SOLID architecture
50+
Engineers using daily
15+
Years experience
5
Export formats
50+
Projects automated

Ready to record?

See how Flows and BugBoard work together. 15 minutes to understand your testing needs.

Need help with software testing?

BetterQA provides independent QA services with 50+ engineers across manual testing, automation, security audits, and performance testing.

Explore our services Get in touch