Validate UI design intent via Playwright MCP screenshot checks across desktop, tablet, and mobile viewports.
npx skills add https://github.com/Levezze/devkit --skill ddd-levezze
Please help me install this Agent Skill. Skill: ddd Source: https://github.com/Levezze/devkit/tree/main/skills/ddd Command: npx skills add https://github.com/Levezze/devkit --skill ddd-levezze
DDD helps you validate UI design intent by checking what users will actually see, avoiding slow and brittle automated visual test suites.
Use the ddd skill to create a visual checklist, then run the Playwright MCP screenshot verification at 1280×800, 768×1024, and 375×812 to confirm your UI matches the intended design.
High-intent search queries and answers about installing and using this skill.
Visual regression testing via Playwright MCP screenshot checks validates UI design intent by capturing what users actually see across viewports, replacing brittle automated DOM and computed-style assertions with fast visual confirmation.
Responsive layout testing uses Playwright MCP to resize and screenshot at key breakpoints like 1280×800, 768×1024, and 375×812, verifying layout and visual hierarchy across desktop, tablet, and mobile states.
Visual regression testing captures a baseline screenshot, specifies what should change and what must be preserved, implements updates, then confirms via targeted re-screens that the result improved without unintended breakage.
Playwright MCP screenshot checks provide quick visual confirmation of UI design intent, bypassing slow computed-style assertions to validate component, page, and layout work across multiple viewport sizes.
Greenfield UI building uses a visual checklist workflow to build the UI, capture screenshots at key viewports, verify pass/fail against the design, and iterate with targeted re-screens until the visual intent matches.
Preservation checks in visual regression testing confirm that implemented updates improve the design without unintended breakage, validating what must be preserved through before and after screenshot verification.
emiljuchnikowskiCapture browser screenshots at desktop, tablet, and mobile viewports with Playwright.
kobogithubCompare PNG screenshots against design exports using pixelmatch for visual regression testing.
lemuAutomate responsive UI layouts with container queries, fluid typography, and CSS Grid/Flex.
jonaseck2Diagnose UI layout issues by reading live DOM and computed styles.
