tela-smoke-pos-merge
CommunityValide telas pós-merge com screenshots e métricas
Software Engineering#screenshots#performance metrics#production validation#console errors#ui regression#browser smoke test#mcp alerts
Authorwagnerra23
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents silent UI regressions by automatically validating the visual and technical health of a given screen after merges and on scheduled re-smokes.
Core Features & Use Cases
- Automatic post-merge screen validation: Detects merges that touch
resources/js/Pages/**/*.tsxand runs a browser MCP flow against the affected routes in production. - Visual + diagnostics capture: Takes 1440px and 1280px screenshots, collects console errors (error/warning) and performance metrics (FCP, LCP, TTI, TBT).
- Governance with human decision loop: Appends
<Tela>.smoke-log.mdand updates<Tela>.review.mdfor Wagner approval, then regenerates the module<Modulo>/UI-CATALOG.mdto reflect current status. - Safety-first and privacy-aware: Enforces read-only execution and applies PII auto-masking to screenshots before attaching results for review.
Quick Start
Ask Wagner to run a visual smoke for a specific route by saying: valida visual Modules/NfeBrasil/TelaX.
Dependency Matrix
Required Modules
None requiredComponents
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: tela-smoke-pos-merge Download link: https://github.com/wagnerra23/oimpresso.com/archive/main.zip#tela-smoke-pos-merge Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.