Browser-Assisted QA Lab

intermediate

Combine real-session browser automation, isolated Playwright checks, and motion review for frontend QA.

Architecture

Browser MCP

Automates the user's logged-in browser session

80/100

npx -y @browsermcp/mcp@latest

Chrome MCP Server

Provides Chrome-native tabs, screenshots, and history tools

82/100

npm install -g mcp-chrome-bridge

Playwright MCP

Runs isolated deterministic browser checks

92/100

npx @playwright/mcp@latest

Design Motion Principles

Audits motion, accessibility, and interaction polish

73/100

npx add-skill kylezantos/design-motion-principles

Expected Output

Browser-Assisted QA Lab Authenticated pages inspected: 7 Playwright checks: 18 passed Motion issues found: 4 Accessibility risks: 2 -> Prioritized QA report ready

Related Recipes

Full-Stack Testing Suite

INTERMEDIATE

Complete testing pipeline with unit tests, E2E browser tests, and TDD workflow.

codetesting

3 components

Frontend Growth Launch

INTERMEDIATE

Design, test, optimize, and publish a conversion-oriented frontend experience.

frontenddesignmarketing

5 components

Frontend AI Design Studio

INTERMEDIATE

Generate, inspect, motion-audit, and browser-test frontend UI iterations.

frontenddesigntesting

5 components