browser-testing

Automate StakTrakr UI testing with screenshots, accessibility snapshots, and interaction recording.

8|3|Updated Feb 6, 2026

Search Tags:#accessibility #screenshots #responsive design #browser automation #chrome devtools #ui testing

Ready to run

npx skills add https://github.com/lbruton/StakTrakr --skill browser-testing-lbruton

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: browser-testing
Source: https://github.com/lbruton/StakTrakr/tree/main/.claude/skills/browser-testing
Command: npx skills add https://github.com/lbruton/StakTrakr --skill browser-testing-lbruton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides structured patterns and tools for comprehensive testing of the StakTrakr web application's user interface, ensuring visual consistency, accessibility, and correct functionality across different states and themes.

Core Features & Use Cases

UI Inspection: Capture screenshots, accessibility snapshots, and record interactions.
Theme & Layout Verification: Test how the UI adapts to different themes, screen sizes, and resolutions.
Interaction Recording: Create GIFs of user flows for review and debugging.
Use Case: When developing a new dark mode for StakTrakr, use this Skill to take screenshots of the app in both light and dark modes, compare them, and verify that all elements are correctly styled and readable.

Quick Start

Start the local HTTP server and navigate to the StakTrakr application in your browser.

Frequently Asked Questions about browser-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate UI testing to capture screenshots and accessibility snapshots?▼

Browser automation captures screenshots, accessibility snapshots, and records interactions to verify visual consistency and functionality. Using Chrome DevTools and custom interaction tools, you can test UI elements, themes, and responsive layouts across different application states.

What is the best way to test responsive design across different screen sizes and resolutions?▼

Testing responsive design involves capturing screenshots of your web application across different screen sizes and resolutions. Browser automation tools verify how UI layouts adapt to varying viewport dimensions and theme changes to ensure correct visual rendering.

Do I need a local HTTP server to run browser automation testing?▼

A local HTTP server is required for consistent browser automation testing. Running the server ensures a stable local environment for navigating to your web application, capturing screenshots, and recording interaction flows without external network variability.

Can I record user interactions and create GIFs for UI debugging?▼

Interaction recording captures user flows within the web application to create GIFs for review and debugging. This browser automation capability documents dynamic UI behavior, helping identify visual inconsistencies during theme and layout verification.

How do I verify theme consistency when switching between light and dark modes?▼

Theme verification uses browser automation to take screenshots of the UI in both light and dark modes for comparison. This ensures all interface elements are correctly styled and readable when the application switches between different visual themes.