Browser-Assisted QA Lab

intermediate

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

아키텍처

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

예상 출력

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

Browser-Assisted QA Lab

아키텍처

예상 출력

관련 Recipes

Full-Stack Testing Suite

Frontend Growth Launch

Frontend AI Design Studio