[
{
"stage_index": 1,
"name": "Environment & Headless Browser Launch",
"action_type": "setup",
"description": "Launch Playwright/Selenium headless browser or Xvfb display server."
},
{
"stage_index": 2,
"name": "Render Page & Screenshot Capture",
"action_type": "inspection",
"description": "Capture PNG snapshot of rendered webpage or component."
},
{
"stage_index": 3,
"name": "Visual Diff & Metric Evaluation",
"action_type": "output_validation",
"description": "Compare against reference screenshot or inspect bounding boxes."
},
{
"stage_index": 4,
"name": "CSS/Frontend Code Modification",
"action_type": "code_modification",
"description": "Modify frontend CSS/HTML/JS assets to align visual presentation."
},
{
"stage_index": 5,
"name": "Re-render & Verification Loop",
"action_type": "verification",
"description": "Re-take screenshot and loop until layout discrepancy falls below perceptual threshold."
}
]