Chrome 확장 프로그램이 Claude Code 웹에 실시간 미리보기 기능 추가
이것이 무엇인가요
한 개발자가 Claude Code Web에 라이브 미리보기 기능을 추가하는 Chrome 확장 프로그램을 만들었습니다. 이는 Lovable 및 '바이브 코딩' 사이트로 설명되는 다른 플랫폼에서 사용 가능한 것과 유사하게 배포를 나란히 볼 수 있게 해줍니다.
주요 세부사항
이 확장 프로그램은 Claude Code Preview라고 불리며 Chrome에서 사용할 수 있습니다. 출처에 따르면, 이는 "CC Web에서 배포의 라이브 미리보기를 나란히 제공합니다." 개발자는 두 개의 링크를 공유했습니다: 하나는 웹사이트(https://100toolkit.com/claudepreview)로, 다른 하나는 Chrome 웹 스토어 목록(https://chromewebstore.google.com/detail/claude-code-preview/goklhjjdneoeikkoemcngfdnodkddgme)입니다.
이러한 유형의 확장 프로그램은 Claude Code Web을 사용하는 개발자들을 위한 특정 워크플로우 격차를 해결합니다. 이 확장 프로그램이 없으면 사용자는 별도의 브라우저 탭이나 창에서 수동으로 코드를 배포하고 확인해야 합니다. 나란히 미리보기 기능을 통해 개발 중 즉각적인 시각적 피드백을 얻을 수 있으며, 이는 실시간으로 변경 사항을 확인할 수 있는 웹 개발에서 특히 유용하여 반복 주기를 가속화할 수 있습니다.
이 확장 프로그램은 Anthropic의 공식 출시물이 아닌 커뮤니티 구성원(/u/Fit-Joke6094)이 만든 타사 도구로 보입니다. 개발자는 Claude Code Web 인터페이스와 직접 상호작용하므로 설치 전 보안 및 호환성을 평가해야 합니다.
📖 전체 출처 읽기: r/ClaudeAI
👀 See Also
Claude가 clawhub을 통해 실시간 Zillow 데이터로 3시간 만에 부동산 분석 앱 프로토타입 제작
한 개발자가 Claude에 zillow-full clawhub 툴을 사용하여 임대 현금 흐름 분석 앱을 구축하도록 했습니다. 실시간 Zillow API 데이터를 가져오고, 실제 JSON 응답을 중심으로 UI 프로토타입을 만들었으며, 단 하루 오후에 작동하는 프로토타입을 완성했습니다.
MCP 서버, 클로드를 셀러트래커 와인 인벤토리에 연결
한 개발자가 Claude를 CellarTracker 계정에 직접 연결하는 MCP 서버를 구축하여, 와인 컬렉션을 조회할 때 수동 CSV 내보내기의 필요성을 없앴습니다.
Marmy: 다중 AI 코딩 에이전트 세션 관리를 위한 셀프 호스팅 모바일 앱
Marmy는 Claude Code로 구축된 오픈 소스, 셀프 호스팅 도구로, 휴대폰에서 여러 AI 코딩 에이전트 세션을 관리할 수 있게 해줍니다. 이 도구는 사용자의 기계를 위한 Rust 에이전트, iOS 앱, 구문 강조 기능이 있는 파일 탐색기, 푸시 알림, 그리고 관리자-에이전트 아키텍처를 특징으로 합니다.
Chromeflow: Claude를 위한 웹 UI 작업 자동화 Chrome 확장 프로그램
Chromeflow는 Claude Code로 구축된 무료 오픈소스 Chrome 확장 프로그램 및 MCP 서버로, Claude에게 브라우저 제어 기능을 제공하여 Stripe, Supabase, SendGrid 설정과 같은 수동 웹 UI 작업을 자동화합니다. 클릭할 요소를 강조 표시하고, 필드를 채우고, 저장 버튼을 클릭하며, API 키를 직접 .env 파일에 기록합니다.