캡슐 구성 요소를 시각화하는 효율적인 도구
캡슐 하이라이터는 A.com에서 Aritzia의 내부 사용을 위해 설계된 무료 Chrome 애드온으로, 프론트엔드 구성 요소의 시각화를 목표로 합니다. 이 도구는 사용자가 웹사이트에서 오버레이를 전환하여 캡슐 디자인 시스템에 따라 구성 요소를 강조 표시하고 레이블을 지정할 수 있는 사용자 친화적인 인터페이스를 제공합니다. 또한 사용자 경험을 향상시키는 맞춤형 또는 PWA 구성 요소의 식별을 지원합니다.
추가로, 캡슐 하이라이터는 구성 요소 유형 수 및 캡슐과 맞춤형 구성 요소 간의 채택 비율과 같은 귀중한 통찰력을 제공하는 커버리지 패널이 포함된 액션 메뉴를 특징으로 합니다. 이 도구는 네트워크 호출 없이 브라우저 내에서 완전히 작동하여 개인 정보 보호 및 효율성을 보장합니다. 팀이 구성 요소 출처를 구분하고 UI 사용을 재고하며 시간에 따른 마이그레이션 진행 상황을 추적하는 데 도움을 줍니다.