Devotd Github
새 소식코딩 에이전트

ngocanhnckh/renderlint — 브라우저 화면 시각 결함 검사

ngocanhnckh/renderlint는 실제 브라우저에서 웹 화면을 검사해 잘림, 낮은 대비, 요소 겹침과 반응형 오류를 찾는 JavaScript 도구다.

저장소 정보ngocanhnckh/renderlint ↗

ngocanhnckh/renderlint는 실제 브라우저에서 웹 화면을 검사해 잘림, 낮은 대비, 요소 겹침과 반응형 오류를 찾는 JavaScript 도구다.

GitHub 설명: Lint the rendered UI: catches overflowing text, low contrast, overlaps, broken responsive layouts, emoji icons and more in any web framework. Built for AI coding agents.

스타
★ 105
포크
23
언어
JavaScript
라이선스
MIT
원문 보기 ↗GitHub에서 보기 ↗

ngocanhnckh/renderlint는 실제 브라우저에 웹 앱을 띄워 화면의 시각 결함을 찾는 검사 도구다. 글자가 카드 밖으로 넘치거나, 텍스트 대비가 낮거나, 요소끼리 겹치는 문제와 특정 화면 폭에서 깨지는 레이아웃을 살핀다. 저장소 설명은 어떤 웹 프레임워크에도 쓸 수 있고 코딩 에이전트가 만든 화면을 검사하도록 설계됐다고 밝힌다. 새 버전이나 릴리스 정보는 주어지지 않았다. 저장소의 언어는 JavaScript이며 MIT 라이선스로 공개돼 있다.

소스 코드만 살피는 대신 브라우저가 실제로 그린 화면을 확인한다는 점이 핵심이다. 문서에 따르면 여러 화면 크기와 어두운 화면을 검사하고, 발견한 문제의 위치와 화면 갈무리, 수정 방향을 보고한다. 로그인 상태를 연결해 검사하는 방법도 설명한다. 브라우저 자동화와 Storybook 검사 연동 방법도 문서에 포함돼 있어, 화면 구성 요소나 로그인 뒤에 보이는 화면을 검사하는 흐름을 마련할 수 있다. 이는 문서에 안내된 기능의 범위이며, 모든 앱에서 같은 방식으로 동작한다는 보장은 주어지지 않았다.

도구의 쓰임은 렌더링된 화면에서 확인할 수 있는 결함을 찾는 데 한정된다. 제공된 정보에는 탐지 정확도나 처리 시간에 관한 측정값이 없다. 따라서 화면 갈무리와 문제 위치를 바탕으로 수정 대상을 찾는 데는 활용할 수 있지만, 화면 품질 전반을 평가하거나 다른 검증을 대체한다고 볼 근거는 부족하다.