# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Resources for Frontend or ML / AI, Tagged `e2e-testing`: 24 items.

> - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning.
> - ML / AI: Model training, evaluation and LLM application development.

- [Playwright MCP](https://hebbmind.com/mcp/playwright.md): [MCP] Lets agents drive a real browser through the accessibility tree: navigate, click, fill forms and take screenshots, without needing a vision model. Maintained by Microsoft.
- [webapp-testing](https://hebbmind.com/skill/webapp-testing.md): [Skill] Drives local web apps with Python Playwright scripts to verify features, debug the UI, take screenshots and read browser logs. Includes helper scripts to start and stop dev servers. Official Anthropic skill.
- [next-dev-loop](https://hebbmind.com/skill/next-dev-loop.md): [Skill] After code changes, has the agent check routes, errors and page behavior in the running Next.js app via /_next/mcp and agent-browser to confirm the change really works. Maintained by Next.js; needs Next.js 16.3+ (Turbopack) and agent-browser.
- [Next.js Cache Components Optimizer](https://hebbmind.com/skill/next-cache-components-optimizer.md): [Skill] Drives a Next.js route to instant navigation under Cache Components: writes a failing @next/playwright instant() e2e test, pushes Suspense boundaries down to grow the static shell until it passes, and keeps the test as a regression guard. Requires Next.js 16.3+ with cacheComponents.
- [Playwright](https://hebbmind.com/cli/playwright.md): [CLI] Microsoft's cross-browser end-to-end testing framework: one API drives Chromium, Firefox and WebKit, npx playwright test runs tests in parallel and isolation, with auto-waiting and trace replay for debugging failures.
- [agent-browser](https://hebbmind.com/plugin/agent-browser.md): [Plugin] Browser automation plugin from Vercel Labs: agents drive Chrome through accessibility tree snapshots and element refs to navigate, click, fill forms and take screenshots, for web testing and exploratory QA. Install the agent-browser CLI first (npm, Homebrew or Cargo).
- [agent-browser](https://hebbmind.com/skill/agent-browser.md): [Skill] Companion skill for the agent-browser CLI: has the agent load usage matching the installed version to navigate, fill forms, take screenshots and run exploratory tests, and can also drive Electron desktop apps. Install the agent-browser CLI first; from Vercel Labs.
- [agent-browser](https://hebbmind.com/cli/agent-browser.md): [CLI] Browser automation CLI built for AI agents in native Rust: open pages, click and fill forms by refs from accessibility tree snapshots, read text and take screenshots, with compact snapshots and output limits to save context. From Vercel Labs; reuses local Chrome or installs one.
- [Playwright](https://hebbmind.com/plugin/playwright.md): [Plugin] Wraps Microsoft's Playwright MCP so agents can drive a real browser to navigate, click, fill forms and take screenshots for end-to-end tests and page checks. In Anthropic's official marketplace; needs Node.js.
- [Accessibility Compliance](https://hebbmind.com/plugin/accessibility-compliance.md): [Plugin] Accessibility review plugin with an audit command, a UI validation subagent, and WCAG 2.2 and screen reader testing skills. Before design reviews or launch, the agent checks contrast, keyboard use and screen reader support and suggests fixes. For Claude Code; automated checks need Node.js.
- [Maestro MCP](https://hebbmind.com/mcp/mobile-dev-inc-mcp.md): [MCP] MCP built into the CLI of the Maestro mobile UI testing framework (maestro mcp): lets agents view the screen, tap, scroll and assert on iOS/Android simulators, Android devices or Chromium, and write and run YAML end-to-end flows. Needs the Maestro CLI and Java 17+. Official.
- [Playwright CLI](https://hebbmind.com/skill/playwright-cli.md): [Skill] Companion skill for the official Playwright CLI: short commands to open pages, click and fill forms, take snapshots and screenshots, and write and debug Playwright tests, using less context than the MCP approach. Maintained by Microsoft; needs Node.js.
- [Playwright CLI](https://hebbmind.com/cli/playwright-cli.md): [CLI] Microsoft Playwright's official browser CLI for coding agents: open pages, click and type, take screenshots and manage sessions, and install the companion skills in one step. Uses fewer tokens than Playwright MCP. Needs Node.js 18+.
- [Frontend Testing Debugging](https://hebbmind.com/skill/playwright-interactive.md): [Skill] Tests and debugs a locally running frontend with Codex's Browser plugin or Playwright: checks blank pages, framework and console errors, captures screenshots, re-verifies after fixes and writes a QA report. Maintained by OpenAI; formerly playwright-interactive in openai/skills.
- [Build Web Apps](https://hebbmind.com/plugin/build-web-apps.md): [Plugin] OpenAI's official Codex plugin for building frontend apps and generating visual assets, testing and debugging in a browser, plus best-practice skills for React, shadcn/ui, Stripe payments and Supabase databases. Codex only.
- [Dev Browser](https://hebbmind.com/skill/dev-browser.md): [Skill] Lets coding agents control real Chrome with short Puppeteer scripts, with named pages that keep state across calls, accessibility-tree snapshots and screenshots for self-testing web changes. Install the dev-browser CLI globally first; macOS and glibc Linux only.
- [ExecuteAutomation Playwright MCP Server](https://hebbmind.com/mcp/mcp-playwright.md): [MCP] Community Playwright browser automation MCP from ExecuteAutomation (not Microsoft's official one): navigate, click, fill forms, screenshot and scrape page text, plus send HTTP requests, assert network responses and record actions into test code, with 143 device emulations built in.
- [Playwright Skill](https://hebbmind.com/skill/playwright-skill.md): [Skill] Lets agents write and run Playwright scripts on the fly for browser testing and automation, auto-detecting local dev servers, with screenshots, responsive checks, login flows and link checking. After installing, run npm run setup in the skill directory.
- [Playwright Skill](https://hebbmind.com/plugin/playwright-skill.md): [Plugin] Lets agents write and run Playwright scripts on the fly for browser automation: page tests, UX checks and multi-step flows, opening a visible browser by default and auto-detecting local dev servers. After installing the plugin, run npm run setup in the skill directory.
- [Vue Testing Best Practices](https://hebbmind.com/skill/vue-testing-best-practices.md): [Skill] Testing practices for Vue apps: Vitest and Vue Test Utils, black-box component tests, flushPromises for async code, helpers for testing composables, Pinia stores, async components and Teleport, avoiding snapshot-only tests, and Playwright for end-to-end testing.
- [MCP Selenium Server](https://hebbmind.com/mcp/mcp-selenium.md): [MCP] Browser automation MCP built on Selenium WebDriver for Chrome, Firefox, Edge and Safari: locate elements, click and type, upload files, take screenshots, run scripts, and handle alerts and cookies. A good fit for test teams already using Selenium.
- [TestMu AI (LambdaTest) Agent Skills](https://hebbmind.com/skill/lambdatest-agent-skills.md): [Skill] Official testing skills from TestMu AI (formerly LambdaTest) covering 40+ frameworks including Selenium, Playwright, Cypress, Appium, pytest and JUnit, guiding agents to write unit, end-to-end and mobile tests. Runs locally; cloud cross-browser and real-device runs need an account.
- [Midscene Skills](https://hebbmind.com/skill/midscene-skills.md): [Skill] Cross-platform UI automation skills built on Midscene.js visual recognition: control browsers, desktops, Android, iOS and HarmonyOS devices in natural language, and set up Vitest + Midscene E2E tests. Bring your own vision model API key; maintained by the Midscene team.
- [Browser Use](https://hebbmind.com/plugin/browser-use.md): [Plugin] Browser Use's official plugin: connects the Browser Use MCP so Claude can drive your local Chrome or a cloud browser to browse, extract data, fill forms, test sites and take screenshots. Needs uv; cloud browsers need sign-in or an API key.
