CldKit
ホーム探すRECIPES送信CLIAI キュレーターログイン
ログイン
CldKit
探すRecipes送信CLI·概要プライバシー利用規約

AI 開発者のために構築。すべての components をレビュー。

© 2026 CldKit

言語
ホーム>Recipes>Browser-Assisted QA Lab

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

関連 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

すべてインストール

npx -y @browsermcp/mcp@latest
npm install -g mcp-chrome-bridge
npx @playwright/mcp@latest
npx add-skill kylezantos/design-motion-principles

難易度

intermediate

Components

4

作成日

May 1, 2026

シーン

frontend
testing
browser