최근 화제가 되고 있는 Lovable.

Web 앱을 자연어만으로 만들 수 있는 서비스로 유명하지만,

문득 이런 생각이 들었습니다.

"Chrome 확장 프로그램도 만들 수 있지 않을까?"

실제로 시도해 보았기에,

• 어디까지 AI만으로 만들 수 있었는지
• 막혔던 포인트
• 공개 단계까지 가져갈 수 있는지

를 정리합니다.

이번에는

"Web 페이지 전체를 이미지로 저장할 수 있는 Chrome 확장 프로그램"

을 제작했습니다.

흔히 볼 수 있는 스크린샷 계열의 확장 프로그램입니다.

처음에 입력한 내용은 다음과 같습니다.

Manifest V3 대응 Chrome 확장 프로그램을 작성해 주세요.
기능
・현재 페이지 전체를 캡처
...

그러자 수십 초 만에

• manifest.json
• popup.html
• popup.js
• background.js

까지 생성되었습니다.

처음부터 여기까지 만들어 준다는 점은 상당히 놀라웠습니다.

매번

• manifest
• popup
• service worker

를 작성할 필요가 없습니다.

상당히 시간을 단축할 수 있습니다.

HTML/CSS는 상당히 깔끔합니다.

버튼 배치 등도 자연스러웠습니다.

예를 들어

버튼을 파란색으로 변경해줘

만으로 수정할 수 있습니다.

세세한 CSS를 작성하는 시간이 줄어들었습니다.

Chrome 확장 프로그램은 Web 앱과는 조금 다릅니다.

예를 들어

• 권한 (permission)
• host_permissions
• Service Worker
• Content Script

등

Chrome 고유의 지식은 필요했습니다.

이 부분은 AI에게만 맡기기에는 어렵다는 인상을 받았습니다.

최종적으로는

• 권한 정리
• 아이콘 수정
• 스토어 이미지 제작
• 개인정보 처리방침 (Privacy Policy) 작성

등을 직접 수행했습니다.

코드를 작성하는 시간보다

공개 준비 시간이 더 길었습니다.

Lovable만으로도 Chrome 확장 프로그램은 충분히 만들 수 있습니다.

단,

"공개 가능한 품질"

까지 가져가기 위해서는

Chrome 확장 프로그램의 기본 지식이 필요합니다.

AI가 코드를 작성하고,

인간이 최종 체크를 하는

라는 역할 분담이 가장 효율적이라고 느꼈습니다.

만약

• Chrome 확장 프로그램을 만들어 보고 싶다
• JavaScript가 서툴다
• AI 개발에 관심이 있다

라면, 한 번 Lovable로 시도해 볼 가치는 충분합니다.

개발 속도가 상당히 달라집니다.