visual-testing-extension

Official

Test browser extension visuals.

Authortelum-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the visual validation of browser extensions, ensuring their user interfaces function correctly across different contexts like popups and options pages.

Core Features & Use Cases

  • Automated Visual Testing: Captures screenshots of extension UI elements (popup, options page) for comparison against baselines.
  • Context Handling: Provides patterns for testing extension components within their specific browser environments using Puppeteer and Playwright.
  • Use Case: After updating the UI of your Chrome extension's popup, use this Skill to automatically generate screenshots of the new UI and compare them to ensure no visual regressions have occurred.

Quick Start

Run visual tests for the extension's popup and options page using the provided Puppeteer scripts.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: visual-testing-extension
Download link: https://github.com/telum-ai/speck/archive/main.zip#visual-testing-extension

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.