클로드 코드로 구축된 클로드 사용량 표시줄 색상 변경 브라우저 확장 프로그램
한 개발자가 Claude Usage Bar Colorizer라는 브라우저 확장 프로그램을 만들어 Claude 사용량 제한에 대한 시각적 표시를 제공합니다. 이 확장 프로그램은 개발을 지원하기 위해 Claude Code를 사용하여 제작되었습니다.
확장 프로그램 기능
- 현재 백분율에 따라 사용량 막대를 녹색에서 노란색, 빨간색으로 재색칠합니다
- 실시간 사용량 데이터 팝업을 추가합니다
- 사용자가 임계값과 색상을 조정할 수 있도록 합니다
- 개별 막대를 켜거나 끌 수 있게 합니다
구현 세부사항
https://claude.ai/settings/usage에서만 실행됩니다- 분석 데이터 수집 없음
- 외부 네트워크 요청 없음
- 페이지에 이미 표시된 사용량 백분율만 읽습니다
- 설정은 브라우저 동기화 저장소에 로컬로 저장됩니다
Claude Code의 역할
개발자는 Claude Code를 사용하여 다음을 도왔습니다:
- 막대를 읽고 재색칠하는 콘텐츠 스크립트 로직
- 팝업 UI 및 설정 흐름
- 확장 프로그램이 사용량 페이지에서만 실행되도록 권한 제한
- 출시 및 스토어 제출을 위한 프로젝트 정리
개발 인사이트
개발자는 브라우저 확장 프로그램 권한을 엄격하게 유지하고, 사용자 토글을 깨뜨리지 않으면서 팝업을 깔끔하게 업데이트하는 방법에 대해 배웠다고 언급했습니다.
사용 가능 여부
- GitHub 저장소: https://github.com/mihneaptu/claude-usage-bar-colors
- 최신 릴리스: v1.0.1 https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
- Microsoft Edge 애드온 제출은 현재 검토 중입니다
- 확장 프로그램은 Edge 또는 다른 Chromium 브라우저에서 압축 해제하여 로드하여 시도해 볼 수 있습니다
📖 Read the full source: r/ClaudeAI
👀 See Also
Marmy: 원격으로 AI 코딩 에이전트를 관리하는 자체 호스팅 프레임워크
Marmy는 Claude Code로 구축된 오픈 소스 MIT 라이선스 프레임워크로, 개발자가 모바일 앱에서 AI 코딩 에이전트와 tmux 세션을 관리할 수 있게 해줍니다. 개발 머신용 Rust 에이전트와 원격 제어용 React Native 앱을 포함합니다.
클로드 코드 문서에는 토큰 수를 부풀리는 과도한 리액트 컴포넌트가 포함되어 있습니다.
클로드 코드의 LLM 문서 분석에 따르면, MDX 파일에는 대량의 인라인 React 컴포넌트가 포함되어 있으며, context-window.md 파일은 18,501개의 토큰을 사용하지만 실제 문서 내용은 551개의 토큰에 불과합니다.
심포니 워크플로우 자동화 도구는 클로드 코드와 연동됩니다
한 개발자가 Claude Code를 사용해 Symphony 사양을 구현하여 티켓에서 풀 리퀘스트까지의 자동화된 워크플로우를 만들었습니다. 초기에는 Node/TypeScript를 사용했지만 Elixir가 더 나을 수 있다고 언급했습니다. 이 도구는 Claude 구독 외에 별도의 API 키 설정과 결제가 필요합니다.
OpenClaw 기술은 광고가 많은 사이트의 접근성 트리 토큰을 60만 개에서 1.3천 개로 줄입니다.
개발자가 ML 기반 요소 순위 지정을 사용하여 접근성 트리를 정리하는 OpenClaw 스킬을 구축했습니다. 이로 인해 slickdeals.com의 토큰 수가 약 598K개에서 약 1.3K개로 줄어들었으며, 상위 약 50개의 실행 가능한 요소만 유지되었습니다.