claude-code가 브라우저 안에 살아 있다면?

Source: Dev.to

Overview

나는 방문한 웹사이트를 프롬프트만으로 테마를 바꿀 수 있는 브라우저 확장 프로그램을 만들었다. 이 확장 프로그램은 요청을 OpenAI의 codex‑mini에 보내고, 변경을 적용하기 위해 필요한 JavaScript와 CSS를 생성한다.

What It Can Do

• 자동 재생 비디오 차단
• 신문 링크를 archive.is로 교체
• 사이드바 어둡게 만들기
• ChatGPT 응답을 복사·붙여넣기 쉽게 하는 등 생활 편의성 향상

Real‑World Example

오늘 일찍 나는 확장 프로그램에 OpenRouter의 활동 페이지에 “요청 100 회당 비용” 열을 추가해 달라고 요청했다. 소수점 값이 ADHD 뇌에 처리하기 어려워서, 생성된 열이 데이터를 훨씬 명확하게 만들었다.

How It Works

비슷한 결과를 개발자 도구와 사용자 스타일로도 얻을 수 있지만, 나는 Codex가 약 **10 %**의 소스 페이지 컨텍스트만으로도 모호한 프롬프트를 기능적인 스타일로 바꾸는 능력에 감탄했다.

개발 중에 Codex와 **Claude (Opus)**를 오갔다. 스택을 가볍게 유지하면서—Tailwind, Alpine.js, 그리고 Basecoat(React 없이 shadcn‑스타일 라이브러리)—최종 코드는 유지보수가 쉽고 성능도 좋다.

Availability

이 확장 프로그램은 아직 웹스토어에 공개되지 않았지만, BYOK (Bring Your Own Key) 오픈‑소스 버전을 릴리스했다. 한번 사용해 보라; 현재 사용 중인 확장 프로그램 중 최소 세 개를 대체할 수 있을 것이다.

Source Code

Check the code here: https://github.com/alentodorov/claude-code-browser-extension