AI로 크롬 확장 프로그램 만들기 — 코딩 없이 나만의 도구 (프롬프트 포함)

 

"이런 크롬 확장 있으면 좋겠는데" 싶었던 적 있죠? 이제 직접 만들 수 있어요. 코딩 한 줄 몰라도 ChatGPT·Claude에 원하는 기능을 설명하면, 작동하는 확장 프로그램 코드를 통째로 짜줍니다. 이걸 브라우저에 올리기만 하면 끝. 만드는 4단계와 예시 프롬프트, 그리고 권한·보안 주의점까지 정리했습니다.

📌 30초 요약

🧩 원하는 기능을 말로 설명 → AI가 확장 코드 생성
📁 파일 저장 → 크롬 개발자 모드로 바로 로드
🛠️ 예: 다크모드·번역·광고 숨김·탭 정리 등 나만의 도구
💬 프롬프트에 기능·권한·화면을 구체적으로 적기
⚠️ 확장은 권한이 강함 — 코드·권한 검토 필수

뭘 만들 수 있나

거창한 게 아니어도 돼요. 내 불편을 해결하는 작은 도구가 딱이에요. 예를 들면:

🌙 아무 사이트나 다크모드로 바꾸기

🔤 선택한 텍스트를 바로 번역·요약

🚫 특정 사이트의 거슬리는 요소 숨기기

🗂️ 열린 탭 한 번에 정리하기

만드는 법 — 4단계

1️⃣ AI에 원하는 확장을 설명 → 코드(파일들) 받기

2️⃣ 받은 파일을 폴더 하나에 저장(manifest.json 등)

3️⃣ chrome://extensions → 개발자 모드 켜기 → "압축해제된 확장 로드"

4️⃣ 테스트 → 안 되면 오류를 AI에 붙여넣어 수정

💬 이렇게 시켜보세요

# 만들고 싶은 것
"모든 웹페이지를 다크모드로 바꾸는 크롬 확장을 만들어줘.
- 툴바 아이콘 클릭하면 켜기/끄기 토글
- 필요한 manifest.json 포함, 파일별로 나눠서
- 각 파일 저장 위치·설치 방법도 알려줘"

✅ 팁 — 기능·화면·동작을 구체적으로 적을수록 정확해요. 웹사이트 만들기처럼, 조금씩 수정 요청하며 완성하세요.

꼭 알아둘 점

⚠️ 권한과 보안 — 크롬 확장은 브라우징 내용·데이터에 접근할 수 있는 강한 권한을 가져요. ① AI가 불필요한 권한을 요구하지 않는지 manifest를 확인하고, ② 내가 이해한 코드만 설치하세요(남이 준 정체불명 확장 설치 금지). ③ 로그인·결제 관련 기능은 특히 신중히. AI 코드도 검토가 필요합니다.

자주 묻는 질문

Q. 정말 코딩을 몰라도 되나요?

간단한 확장은 설명만으로 충분해요. 다만 오류가 날 때 파일 구조를 조금 알면 훨씬 수월합니다.

Q. 웹 스토어에 올릴 수 있나요?

네, 하지만 심사·등록비가 있고 정책을 지켜야 해요. 처음엔 내 브라우저에서만 쓰는 걸 추천합니다.

Q. 어떤 AI가 좋아요?

코드에 강한 Claude·Cursor가 편하지만, 무료 ChatGPT로도 충분해요. 흔한 실수를 알아두면 시행착오가 줄어요.

✨ 정리 — 내 불편을 해결하는 나만의 크롬 확장, 이제 AI로 만드세요. 설명 → 코드 → 개발자 모드 로드 4단계면 됩니다. 단 권한·코드 검토만 챙기면, 브라우저가 내 손에 맞게 바뀝니다. 🧩

---

크롬 확장은 브라우징 데이터·권한에 접근할 수 있으므로, AI가 생성한 코드와 요청 권한(manifest)을 반드시 검토하고 이해한 뒤 설치하세요. 출처가 불분명한 확장 설치는 보안 위험이 있습니다. 웹 스토어 배포는 심사·등록비·정책 준수가 필요합니다. 도구·정책은 변동될 수 있습니다(2026년 기준).