Chromeflow: Claude를 위한 웹 UI 작업 자동화 Chrome 확장 프로그램
Chromeflow의 기능
Chromeflow는 Claude와 같은 AI 코딩 어시스턴트를 사용할 때 흔히 겪는 문제점을 해결합니다. Claude가 Stripe, Supabase, SendGrid와 같은 서비스에 대한 백엔드 코드를 생성하면, 일반적으로 웹 대시보드를 탐색하고 값을 복사하며 수동으로 설정을 구성해야 하는 지침으로 끝나 개발 흐름을 방해하게 됩니다.
이 도구는 그러한 수동 웹 UI 단계를 자동화합니다. Chrome 확장 프로그램과 MCP 서버 조합을 통해 Claude에게 실제 브라우저 제어 기능을 제공합니다.
주요 기능
- 브라우저에서 클릭할 대상을 강조 표시
- 알려진 값으로 필드를 자동으로 채움
- 저장 버튼을 직접 클릭
- API 키를 직접
.env파일에 기록 - 로그인 및 비밀번호 입력과 같은 인증 작업에만 수동 브라우저 상호작용 필요
설치 과정
설치는 두 단계로 이루어집니다:
- 프로젝트에서
npx chromeflow setup실행 - Chrome 웹 스토어에서 확장 프로그램 설치
기술적 세부사항
- Claude Code를 사용하여 구축됨
- 완전 무료 오픈소스
- 사이트: https://chromeflow.vercel.app/
제작자는 개발 워크플로우에 매일 사용하고 있다고 보고합니다.
📖 전체 소스 읽기: r/ClaudeAI
👀 See Also
오픈소스 전문 디스패치 어댑터가 복잡한 작업을 Claude Code에 위임합니다.
expert-dispatch는 저렴한 AI 어시스턴트가 복잡한 코딩 작업을 Claude Code CLI에 위임할 수 있게 해주는 약 500줄의 bash 스크립트입니다. dispatch-cc run과 같은 명령어를 사용하여 작업을 전송하고, CLAUDE.md 파일을 포함한 프로젝트별 디렉토리를 유지하여 지속적인 컨텍스트를 관리합니다.
프롬프트 캐싱 MCP 플러그인은 안정적인 컨텍스트를 식별하여 Claude API 비용을 자동으로 절감합니다.
프롬프트 캐싱 MCP 플러그인은 시스템 프롬프트와 도구 정의와 같은 안정적인 컨텍스트 부분을 자동으로 식별한 다음, Anthropic의 캐싱 기능을 위해 이를 표시하여 코딩 세션에서 API 비용을 80-92% 절감합니다.
다중 에이전트 AI 개발을 위한 거버넌스 레이어 구분
Delimit는 여러 AI 코딩 에이전트 간의 충돌을 방지하기 위해 조정하는 오픈소스 거버넌스 레이어입니다. Claude Code, Codex, Gemini와 같은 에이전트를 위한 공유 메모리, 충돌 감지 및 감사 추적 기능을 제공합니다.
소나리: AI 기반 생산 알림 분류 및 해결
Sonarly는 프로덕션 환경에서 알림을 효과적으로 처리하고 해결하기 위해 설계된 AI 에이전트입니다. 이는 중복을 그룹화하고 근본 원인 분석을 수행하여 알림을 분류함으로써 노이즈를 줄이고 중요한 문제에 집중합니다.