본문으로 건너뛰기

chrome-ext-base

AI에게 코드를 맡겨 Chrome MV3 확장을 만드는 출발점이다. Claude Code 또는 Codex로 작업한다는 가정 위에 폴더 규칙과 자동화 진입점이 미리 잡혀 있어, 첫 두세 프롬프트 이후 구조가 흔들리는 자리를 막아 준다.

이 페이지는 분기일 뿐이다. 본인이 어디서부터 시작해야 할지 한 표로 가린 다음, 그 자리로 곧장 넘어가면 된다.

어디서부터 시작할지

어떤 분가야 할 자리
풀타임 개발자가 아닌 분, 터미널과 git이 처음, Node 설치부터 시작해야 하는 분비개발자용 매뉴얼
프론트엔드는 익숙한데 MV3 또는 CRXJS는 처음비개발자용 매뉴얼의 prerequisites부터 first-run까지, 그다음 전문가용 매뉴얼
이미 MV3 확장을 출시해 본 적 있음전문가용 매뉴얼, architecture부터 곧바로

세 행 중 어느 쪽인지 결정이 안 서면 첫 행을 고른다. 비개발자용 매뉴얼은 한 단계당 한 동작 호흡이라, 이미 익숙한 자리는 빠르게 훑고 넘어가도 된다.

두 매뉴얼의 차이

전문가용 매뉴얼은 짧은 reference 호흡이다. ADR, FSD 6레이어, 어댑터 같은 어휘가 익숙하다고 가정하고, 결정 근거 위주로 풀린다. intro와 architecture, build-and-package, distribution 네 섹션이다.

비개발자용 매뉴얼은 단계별이다. AI가 코드를 쓴다는 발상에는 익숙하지만 터미널과 git, Node가 처음일 수 있다고 가정한다. 화면이 어떻게 보여야 정상인지를 본문이 같이 짚어 준다. index와 6단계로 풀린다.

같은 base를 두 호흡으로 푼 짝이다. 톤은 다르지만 다루는 코드와 명령은 그대로 일치한다.

어디서 시작하든 공통

첫 실행은 console-log 모드로 외부 서비스 없이 끝난다. Supabase 계정도, 자체 서버도 필요 없다. 결과가 브라우저 콘솔에 찍히는 모습을 직접 본 다음 백엔드 모드를 옵션 페이지에서 바꾸는 흐름이다. 모드 전환은 호출 코드를 한 줄도 안 건드린다.

AI 진입점은 Claude Code에서 프로젝트 세팅 한 줄, Codex에서는 저장소 루트의 AGENTS.md다. 두 경로는 같은 canonical 문서 AI_AUTOMATION.md를 가리킨다.

라이선스는 All Rights Reserved에 상업 라이선스 모델이다. 결제 흐름과 변호사 검토된 COMMERCIAL-LICENSE.md가 아직 작업 중이라, 실제 판매 전에는 그 두 가지가 마무리돼야 한다. 매뉴얼과 랜딩은 public이라 지금 읽고 있는 이 페이지는 그대로 공개돼 있다.

다음

본인 자리를 골랐다면 전문가용 매뉴얼 또는 비개발자용 매뉴얼로 곧장 넘어간다.