
Claude Code로 프롬프팅하여 커스터마이징할 수 있는 브라우저를 만들었습니다: 기능, 디자인, 레이아웃 등 모든 것
요약
Claude Code를 활용하여 사용자의 설명만으로 기능과 디자인을 커스터마이징할 수 있는 Electron 기반 브라우저 'Cule'을 개발했습니다. 레이아웃, 탭, 광고 차단기 등 원하는 기능을 자연어로 요청하여 직접 구축하고 템플릿으로 공유할 수 있습니다.
핵심 포인트
- Claude Code를 통해 브라우저 소스 코드를 직접 수정 및 구축 가능
- 레이아웃, 기능, 워크플로우 등 사용자 정의 기능 구현
- Electron 및 Chromium 기반의 데스크톱 애플리케이션
- 설정 내용을 템플릿으로 저장하고 공유하는 기능 제공
저는 무엇을 하느냐에 따라 브라우저를 계속 바꿔가며 사용해 왔습니다. 코딩, 독서, 리서치 등 모든 작업이 서로 다른 설정을 요구했기 때문입니다. 모든 브라우저는 제작자가 결정한 범위 내에서만 정확히 커스터마이징할 수 있으며, 그 이상은 불가능합니다. 그래서 저는 Claude Code를 사용하여 Cule을 만들었습니다. 설정 패널 대신, 이 브라우저는 자신의 소스 코드를 Claude Code가 읽고 쓸 수 있는 워크스페이스 폴더(workspace folder)로 노출합니다. 당신이 원하는 것을 설명하면 그것이 브라우저에 구축됩니다. 이는 단순히 외형을 넘어섭니다. 레이아웃과 탭은 물론이고, 실제 기능까지 포함됩니다. 광고 차단기(ad blocker), 사용자 정의 키보드 단축키, 페이지를 요약해 주는 사이드바, 그리고 전체 워크플로우(workflows)까지 말이죠. 당신이 설명할 수 있다면, Claude Code가 그것을 구축할 수 있습니다. 설정은 템플릿(templates)으로 저장하고 공유할 수 있습니다. 명확히 짚고 넘어갈 점은, 이것은 Electron 기반이며 내부적으로는 Chromium을 사용한다는 것입니다. 저는 엔진을 직접 작성하지 않았으며 그럴 의도도 없었습니다. Mac과 Windows에서 무료 알파 버전으로 이용 가능합니다: getcule.com. 이곳의 거의 모든 분이 이미 Claude Code를 사용하고 계시기에, 여러분이 어떤 기능을 만들고 싶은지 진심으로 듣고 싶습니다. 가장 기발한 제안이라도 템플릿으로 기꺼이 만들어 드리겠습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기