metamask-visual-testing

Official

Test MetaMask UI with Playwright.

AuthorMetaMask
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables automated visual testing and validation of the MetaMask Chrome extension's user interface, ensuring UI changes are correct and flows function as expected.

Core Features & Use Cases

  • Visual Validation: Test UI changes in a real browser environment.
  • Flow Testing: Verify onboarding, unlock, and transaction confirmation flows.
  • Screenshot Capture: Capture UI states for regression testing and debugging.
  • Use Case: After updating the MetaMask UI for transaction confirmations, use this Skill to automatically launch the extension, trigger a test transaction, and capture screenshots before and after the confirmation to visually verify the changes.

Quick Start

Launch the MetaMask extension and describe the current screen.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: metamask-visual-testing
Download link: https://github.com/MetaMask/metamask-extension/archive/main.zip#metamask-visual-testing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.