visual-regression-testing
Visual Regression Testing
This skill provides comprehensive visual regression testing capabilities to detect unintended visual changes in UI components and prevent visual bugs from being merged into production.
Overview
Visual regression testing works by:
- Taking screenshots of components/pages in a known-good state (baselines)
- Taking new screenshots after code changes
- Comparing new screenshots with baselines pixel-by-pixel
- Flagging differences for human review
Framework: Playwright + jest-image-snapshot Approach: Based on Ant Design's visual regression testing methodology
Core Capabilities
1. Screenshot Baseline Management
More from jgtolentino/insightpulse-odoo
agent-capabilities
Comprehensive documentation of Claude's capabilities for visual regression testing, CI/CD integration, and quality assurance automation. Use when setting up testing infrastructure, implementing visual regression, or understanding agent testing capabilities. (project)
55superset-sql-developer
Expert guidance for writing optimized SQL queries for Apache Superset datasets, virtual datasets, and SQL Lab. This skill helps you create performant queries, design efficient datasets, and leverage PostgreSQL features - with specific patterns for Finance SSC, BIR compliance, and Odoo integration.
1superset-chart-builder
Expert guidance for selecting, configuring, and optimizing Apache Superset charts. This skill helps you choose the right visualization, configure it properly, and avoid common mistakes - with specific examples for Finance SSC, BIR compliance, and business intelligence use cases.
1supabase-automation
Master Supabase CLI automation, auth configuration, edge functions, secrets management, MCP integration, and Management API for production deployments
1supabase-rpc-manager
Supabase PostgreSQL RPC, pgvector operations, and real-time subscriptions
1drawio-diagrams-enhanced
Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.
1