{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/3ffbfea8edc34abaa01363f5feba88a2\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/3ffbfea8edc34abaa01363f5feba88a2-090ffbfa70f7ad67.gif","duration":253.185,"title":"Design DNA Detects and Fixes UI Bugs","description":"This Loom introduces Design DNA, a tool for inspecting web pages by measuring real browser coordinates to find layout and component inconsistencies. The speaker demonstrates that it annotated 95 elements with one failure and shows a specific mismatch where one card corner is 11 pixels while seven other elements use 12, verified by browser measurement rather than opinion from screenshots. It can identify reusable components and limits, annotate findings on screen, and export fix prompts for an agent to implement. The demo on stripe.com covers a long page with more than 2,000 elements and finds nine failures, such as corner radius differences (5 pixels versus 6 pixels)."}