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.

Request Demo Chrome Extension
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

The agentic pipeline

Flows is one piece. BugBoard is the brain. Together, they create an AI-assisted testing workflow.

SYS.01
ACTIVE

AI-powered test recorder. Captures browser actions, generates stable selectors, exports to any framework.

SYNC
Real-time sync
SYS.02
ACTIVE

AI test management. Generates test cases from bugs, screenshots, and recordings. Human-in-the-loop validation.

01

RECORD

Capture browser actions with AI-powered selectors

02

SYNC

Tests flow to BugBoard automatically

03

ANALYZE

AI generates test cases from bugs and screenshots

04

VALIDATE

Human reviews, AI adapts with self-healing

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

Debug Flows with AI

Let Claude analyze failures and fix selectors automatically 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

View on npm registry

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

How It Works

1

Flow fails during execution

2

Results sync to ~/.flows/results/

3

Ask Claude to analyze

4

Claude applies fix

5

Reload and run - passes

MCP Tools Available

flows_analyze Debug failures, suggest fixes
flows_analyze_selectors Audit selector stability
flows_fix_selector Apply selector fixes
flows_list / flows_get Browse flows
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 72 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.

Request Demo View Extension

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