UI Surgeon: Precision Web UI Manipulation and AI-Driven Styling

Abstract

ABSTRACT This paper explores the development and architecture of UI Surgeon, a professional-grade Chrome extension designed to eliminate technical friction in the UI/UX lifecycle. By leveraging the Chrome Debugger API for deep CSS inspection and Gemini-powered GenAI for context-aware styling, the platform enables Developers, Product Owners, and BAs to surgically audit and prototype live web interfaces. The following sections provide an end-to-end technical breakdown of its Manifest V3 architecture, accessibility auditing methodology, and AI-assisted design optimization. Keywords: Chrome Extension, CSS Inspection, Gemini AI, WCAG Compliance, DOM Manipulation

Ähnliche Arbeiten