Validate rendered frontend designs against visual contracts using pixel screenshots.
npx skills add https://github.com/edupazogle/agentic_cockpit --skill designqa
Please help me install this Agent Skill. Skill: designqa Source: https://github.com/edupazogle/agentic_cockpit/tree/main/.agents/skills/designqa Command: npx skills add https://github.com/edupazogle/agentic_cockpit --skill designqa
This Skill prevents shipping broken or overlapping frontend layouts by verifying rendered pixels against a strict layout-and-content contract instead of relying on claims like “done” or a quick human glance.
Run the full QA loop against a claimed-finished design surface by executing the designqa screenshot helper and following the required pipeline to view every PNG, write the critique, and generate a pass/fix report.
High-intent search queries and answers about installing and using this skill.
Visual regression testing validates rendered pixels against a strict layout contract by capturing headless Chromium screenshots across viewports and interaction states, applying fixes, and re-screenshots until passing. This prevents shipping broken or overlapping frontend layouts.
Pixel-based UI QA verifies rendered frontend surfaces against a strict visual and content contract using screenshot evidence and a critique loop. It prevents shipping broken layouts by checking bounding-zone integrity, overlays, spacing, and typography instead of relying on claims.
Playwright captures headless Chromium screenshots for a11y audits and visual diffing across multiple interaction states like idle, HITL pause, and node click. This ensures UX regressions do not slip through as static-image approvals.
Validate design tokens and component zones by running a pixel-level screenshot critique loop that enforces bounding-zone integrity and checks canonical node rendering, spacing, typography, and token correctness against your design contract.
Frontend visual QA supports sprint surface approval by capturing multiple interaction states including idle, tick, HITL pause, and complete. It generates a structured pass or fix report containing a11y and visual regression artifacts for publish decisions.
nolangzConvert raster logo images into motion-ready SVG and animated HTML.
mkalkerePublish artifacts to shared memory with frontmatter and bus notifications.
probationer070Automate web application testing with Playwright headless browser interactions.
AlenryuichiAutomate the visual regression testing loop for frontend interfaces with Playwright.
