[{"data":1,"prerenderedAt":76},["ShallowReactive",2],{"content-\u002Fplugins\u002Faio-visual-diff":3,"children-\u002Fplugins\u002Faio-visual-diff":72},{"id":4,"title":5,"author":6,"body":7,"budget_tier":6,"build_tags":6,"created":6,"description":22,"document_type":61,"extension":62,"game":6,"install":63,"investment_tier":6,"league":6,"meta":64,"navigation":65,"patch":6,"path":66,"plugin":6,"profit_per_hour":6,"ratings":6,"seo":67,"skills_count":68,"status":6,"stem":69,"strategy_tier":6,"tags":6,"updated":6,"version":70,"weight":6,"__hash__":71},"content\u002Fplugins\u002Faio-visual-diff.md","aio-visual-diff",null,{"type":8,"value":9,"toc":56},"minimark",[10,13,20,23,28,38,42],[11,12,5],"h1",{"id":5},[14,15,16],"p",{},[17,18,19],"code",{},"v0.1.0",[14,21,22],{},"Verify AI-built UI against design via measurement-driven diff — extracts computed CSS and bounding boxes through Chrome DevTools MCP, diffs against Figma reference or a frozen baseline, and feeds numerical deltas back to the agent. No screenshot eyeballing.",[24,25,27],"h2",{"id":26},"install","Install",[29,30,35],"pre",{"className":31,"code":33,"language":34},[32],"language-text","\u002Fplugin install aio-visual-diff@aiocean-plugins\n","text",[17,36,33],{"__ignoreMap":37},"",[24,39,41],{"id":40},"skills-1","Skills (1)",[43,44,45],"ul",{},[46,47,48,55],"li",{},[49,50,52],"a",{"href":51},"\u002Fplugins\u002Faio-visual-diff\u002Faio-visual-diff",[53,54,5],"strong",{}," — Verify AI-generated frontend UI against design via measurement-driven diff — use when checking pixel-perfect implementation, validating design fidelity, catchin…",{"title":37,"searchDepth":57,"depth":57,"links":58},2,[59,60],{"id":26,"depth":57,"text":27},{"id":40,"depth":57,"text":41},"plugin","md","\u002Fplugin install aio-visual-diff@aiocean-plugins",{},true,"\u002Fplugins\u002Faio-visual-diff",{"title":5,"description":22},1,"plugins\u002Faio-visual-diff","0.1.0","4AktCfMPhIWrFfKJnRivwpsph0Lq6jLtvh6hclDo2iE",[73],{"path":51,"title":5,"description":74,"document_type":75,"status":6,"budget_tier":6,"game":6,"league":6,"patch":6,"build_tags":6,"ratings":6,"strategy_tier":6,"profit_per_hour":6,"investment_tier":6,"updated":6,"created":6},"Verify AI-generated frontend UI against design via measurement-driven diff — use when checking pixel-perfect implementation, validating design fidelity, catching layout regressions, comparing spacing\u002Ftypography\u002Fcolor against a Figma reference, or when the agent claims \"it looks right\" but you want numerical proof. Extracts `getComputedStyle` + `getBoundingClientRect` through the `chrome-devtools` MCP, diffs against Figma layout data or a frozen baseline JSON, and reports numerical deltas that the agent can act on. Never asks an LLM to eyeball screenshots.","skill",1779707415813]