마키아토의 3일, 4일, 5일: 강렬한 브루탈리즘, .sh 도메인 지배, 그리고 Claude 메트릭 때문에 모니터를 부술 뻔했던 밤
(dev.to)AI 모니터링 도구 'Macchiato'의 개발 과정을 다룬 이 글은, 브루탈리즘 스타일의 강렬한 UI 디자인 전환과 Anthropic Claude API의 불투명한 토큰 사용량 메트릭을 정확히 추적하기 위한 기술적 고군분투를 생생하게 기록하고 있습니다.
이 글의 핵심 포인트
- 1브루탈리즘(Brutalism) 디자인 채택: 검정, 회색, 빨강을 활용한 산업용 제어실 컨셉의 UI
- 2엄격한 디자인 제약: 글래스모피즘, 그라데이션, 이모지 배제 및 가독성 중심의 타이포그래피
- 3데이터 가독성 극대화: JetBrains Mono와 System-ui를 활용한 데이터와 UI의 시각적 분리