Smart Design Guard for Cafe24

카페24 스마트디자인 편집기에서 대화로 디자인을 수정하고, 저장 전 검토·백업·되돌리기로 안전하게 적용하는 도우미

카페24 스마트디자인 편집기 안에서 "메인 배너를 이 이미지처럼 바꿔줘"처럼 말로 요청하면, 관련 스킨 파일을 찾아 수정안을 만들고 저장 전에 검토할 수 있게 보여 주는 확장 프로그램입니다. ※ 카페24 공식 제품이 아니며, 카페24와 제휴하거나 승인받지 않은 개인 개발 도구입니다. ■ 주요 기능 • 하단 요청 바: 편집기 아래에 떠 있는 입력창에서 바로 요청 • 사이드바: [대화 내용] 탭에서 수정안 검토·저장, [이미지 · 수정 도구] 탭에서 참고 이미지 첨부(끌어놓기 지원) • 안전한 적용: 저장 전에 변경 내용을 보여 주고, 카페24 모듈·변수·@layout/@import/@css/@js 지시문과 기존 링크가 사라지지 않았는지 검사 • 백업과 되돌리기: 저장 전 원본을 백업하고, 결과 화면에서 바로 되돌리기 • 대화 기록 유지: 쇼핑몰·스킨별 대화를 브라우저에 보관하고 [새 대화]로만 삭제 • 카페24 Admin API 연결(선택): 연결하지 않아도 동작하며, 연결하면 관련 파일을 편집기 탭 이동 없이 읽음 • 대표 스킨 보호: 쇼핑몰에 적용 중인 대표 스킨에는 자동 저장하지 않음 ■ 사용 전 준비 (필수, 명령 한 줄) 수정안은 이 Mac에 설치한 OpenAI Codex CLI로 만듭니다. 확장을 설치한 뒤 터미널에 아래 한 줄을 붙여 넣으면 Codex 설치·로그인 확인과 연결까지 안내합니다. npx cafe24-guard-connect 연결이 안 돼 있으면 편집기 사이드바에 같은 안내가 표시되고, [연결 다시 확인]으로 바로 확인할 수 있습니다. 자세한 안내: https://kimyoungwopo.github.io/cafe24-smart-design/smart-design-guard-connect.html (macOS의 Chrome, Node.js 18 이상 필요) ■ 데이터 안내 • 요청 문장, 관련 스킨 파일 내용, 첨부 이미지(화면 비교 시 미리보기 화면 포함)는 사용자의 Codex CLI를 통해 OpenAI로 전송됩니다. • 개발자가 운영하는 서버는 없으며, 사용 통계나 광고 추적을 수집하지 않습니다. • 자세한 내용은 개인정보처리방침을 확인하세요. ■ 권장 사용 방법 쇼핑몰에 적용 중인 대표 스킨이 아니라, 복사한 테스트 스킨에서 먼저 작업하고 결과를 확인한 뒤 적용하세요.