AI 생성 CSS의 Hardcoded Value를 자동 정규화하는 aura-lint 설계

Context

LLM 기반 UI 컴포넌트 생성 시 발생하는 Hardcoded Pixel 값과 비표준 HEX 컬러로 인한 디자인 시스템 파괴 문제 발생. 반복적인 AI 프롬프팅을 통한 수정 방식은 높은 비용과 AI Quota 소모를 유발하며 개발 생산성을 저하시키는 병목 지점으로 작용.

Technical Solution

• Tailwind CSS의 4-point grid system 기반의 수식(pxVal / 4)을 적용한 자동 변환 엔진 설계
• 정수 결과값은 즉시 매핑하고 소수점 발생 시 반올림 처리를 통한 표준 클래스 강제 할당 로직 구현
• auralint.json 설정 파일을 통한 theme_path 연동 및 CSS 변수 기반의 동적 테마 학습 구조 채택
• hex_to_tailwind_map 설정을 통해 비표준 색상을 디자인 시스템 정의 컬러로 치환하는 매핑 레이어 구축
• 개별 프로젝트의 특수 요구사항 대응을 위해 외부 규칙을 주입하는 Plugin Architecture 설계