로컬호스트 대시보드. 라이브 리로드 기능이 있는 Claude의 HTML 출력 페이지용
Reddit 사용자가 Claude AI로 생성된 모든 HTML 페이지를 모아주는 작은 로컬호스트 홈페이지를 공유했습니다. 이 도구는 HTML 출력이 파일 시스템 여기저기에 흩어지는 문제를 해결하기 위해, 모든 페이지를 한곳에 카드 형태로 보여주는 대시보드를 제공합니다.
주요 기능
- 카드 표시 — 각 HTML 페이지가 로컬호스트 홈페이지에 카드로 나타납니다.
- 라이브 리로드 — 기본 파일이 변경되면 카드가 자동으로 새로고침됩니다.
- 업데이트 표시기 — 업데이트된 카드는 시각적으로 표시됩니다.
- 빠른 미리보기 창 — 마우스를 올리거나 클릭하면 HTML 콘텐츠를 인라인으로 미리볼 수 있습니다.
- 심볼릭 링크 등록 — AI 에이전트가 감시 디렉토리에 심볼릭 링크를 추가하여 자신의 HTML 출력을 등록할 수 있습니다.
이 프로젝트는 GitHub에서 오픈소스로 제공됩니다: Himel55/localhost-pages.
📖 전체 원문 보기: r/ClaudeAI
👀 See Also
BigNumberTheory: 클로드 코드 에이전트를 위한 경험 공유 네트워크
BigNumberTheory는 Claude Code 에이전트들이 실제 디버깅 세션에서 얻은 교훈을 공유하고 받는 커뮤니티 네트워크입니다. 설정은 하나의 명령어만 필요하며 현재 무료로 이용 가능하며, 네트워크 전반에 걸쳐 700개 이상의 경험이 공유되고 1,100개 이상이 전달되었습니다.
CodeLedger: 오픈소스 Claude Code 플러그인이 토큰 사용량과 백그라운드 에이전트를 추적합니다
CodeLedger는 Claude Code용 오픈소스 MCP 서버 플러그인으로, 프로젝트 간 토큰 사용량을 자동으로 추적하고 백그라운드 에이전트를 식별하며, 로컬 JSONL 세션 파일 분석을 기반으로 비용 최적화 권장 사항을 제공합니다.
BrowserKing: Claude 및 기타 모델을 통한 브라우저 제어를 위한 오픈소스 Chrome 확장 프로그램
BrowserKing은 Claude와 15개 이상의 다른 모델이 사이드 패널에서 브라우저를 보고 제어할 수 있게 해주는 무료 오픈소스 Chrome 확장 프로그램입니다. 화면 스크린샷을 찍어 모델로 전송한 후, 버튼 클릭, 폼 작성, 스크롤, 탭 탐색 등의 결정을 실행합니다.
클로드 코드용 맞춤 출력 스타일 컬렉션
한 개발자가 클로드 코드를 위한 13가지 맞춤형 출력 스타일을 만들어 AI의 동작을 시스템 프롬프트를 통해 수정했습니다. 이 스타일에는 잔인한 코드 비판을 위한 '로스트', 안내형 질문을 위한 '소크라테스', 적대적 테스트를 위한 '브레이커', 실용적 해결책을 위한 '십 잇', 보안 중심을 위한 '파라노이드', 테스트 주도 개발을 위한 'TDD' 등이 포함됩니다.