Custom Chromium 패칭과 LLM 라우팅을 통한 UI spatial friction 31.42% 감소

Context

기존 JS 기반 DOM 검사 도구는 렌더링 파이프라인 외부에 위치하여 프로세스 경계 간 데이터 직렬화 비용과 CLS 유발이라는 한계 존재. 브라우저가 인식하는 실제 기하학적 구조(Geometry)에 직접 접근하여 레이아웃 의사결정을 자동화하려는 시도.

Technical Solution

• Chromium 렌더링 파이프라인에 C++ 패치를 적용하여 Compositing 단계의 Bounding Box 데이터를 Shared Memory Buffer로 직접 가로채는 구조 설계
• Vanilla JS 기반의 센서 데이터를 FastAPI와 Redis 캐시를 통해 Supabase로 전송하는 저지연 Telemetry 파이프라인 구축
• K-Means Clustering과 EMA Weighting을 활용해 사용자 행동 패턴을 3개의 Cohort로 세그먼트화하는 분석 모듈 구현
• Llama-3-8B LLM에 Behavioral Fingerprint와 DOM Geometry를 입력하여 Temperature 0.1의 결정론적 레이아웃 패치(JSON)를 생성하는 라우팅 로직 적용
• 사용자 커서 및 스크롤 궤적을 1차원 운동학 시스템으로 모델링한 Kinematic Friction Score 기반의 정밀 최적화 지표 수립