뉴스 - 원문 기반 요약 필요

제목(한글): AI 에이전트만으로 쇼피파이 12섹션 구축 원문 제목(영문): How I built a 12-section Shopify page using only AI agents (and a Cowork audit) 원문: How I built a 12-section Shopify page using only AI agents (and a Cowork audit) 소스: dev-to-vibecoding MD 파일: content/2026-05-22/dev-to-vibecoding-how-i-built-a-12-section-shopify-page-using-only-a.md

핵심 내용

한 창업자가 AI 에이전트만으로 Shopify 허브 페이지 12개 섹션을 수동 작업 없이 배포했어요.

Shopify OS 2.0에서 JSON 템플릿 1개로 섹션 13개를 순서대로 등록했고, 스티키 내비게이션이 8개 탭을 제어해요. Claude Opus 4.7이 Liquid 섹션 12개와 JSON 1개, 총 약 6,400줄·약 500KB 코드를 작성했어요.

배포는 Google Antigravity가 Shopify MCP로 처리해서 CLI, 관리자 페이지, 수동 저장 클릭이 없었어요. 이후 Cowork가 자동 브라우저 감사로 30개 깨진 URL, 스티키 내비 z-index 충돌 1건, 스키마 수정 3건을 찾아 2차 배포에서 모두 반영했어요.

핵심은 코딩 자동화가 아니라 설계·검증·수정까지 에이전트 체인으로 닫힌 워크플로가 가능해졌다는 점이에요.

잡돌쌤의 한마디

자동 감사가 깨진 URL 30개, z-index 1건, 스키마 3건을 찾아 바로 재배포했어요. 제작보다 검증 자동화 가치가 커졌어요.

---

출처: How I built a 12-section Shopify page using only AI agents (and a Cowork audit)