클로드 코드(코덱스)로 구글 Stitch를 제어하여 TOP 디자인 Award 복제하기

구글 스티치와 MCP, 클로드 코드부터 코덱스, 제미나이까지 총출동해 10년 묵은 구린(?) 웹사이트를 트렌디하게 대개편하는 디자인 자동화 영상입니다.
원래 디자이너와 한달 동안 씨름해야 할 대작업을 AI들과 협업해 3일 만에 만들었습니다.
예를 들어, 코덱스의 부족한 한국어 실력을 제미나이 CLI로 살려내는 꼼수와 멀티 에이전트 활용 꿀팁까지 아낌없이 담았습니다.
단순한 데모가 아니라 실제 굴러가는 서비스에 적용한 리얼 100% 실전 영상이니, 끝까지 함께해 주세요!


목차
00:00 개편 시작
00:42 구글 스티치 활용
01:10 레퍼런스 수집
01:48 디자인 문서
02:25 시안 생성
02:58 문구·색상 수정
03:21 미리보기·내보내기
03:40 MCP 연결
04:23 코덱스 자동화
04:57 반응형 완성
05:20 화면 추가
05:43 적용 후기
06:10 멀티 에이전트 평가
06:51 활용 팁·한계
07:16 한국어 보완
07:53 실서비스 적용
08:04 정리·마무리


소놀봇 카톡 오픈채팅 - 피드백, 궁금한 점, 잡담 등 나눔 공간
https://open.kakao.com/o/pSUeoyni

AI, 바이브 코딩 오픈채팅
https://open.kakao.com/o/p9UUWyni


채널에 가입하여 혜택을 누려보세요.
https://www.youtube.com/channe....l/UC86HxrAQ4GS1Iq8LI

서포터즈 혜택
1. 오토 블로그 프로그램를 드립니다.
2. 이미지 생성도구 솔루션을 드립니다 (원격 MCP 지원, 어떤 AI든 설치 가능)
3. 회원 전용 동영상 제공
4. 영상 내용을 적용해 드림 (원격지원)
5. 전문적, 기술적 질문에 우선 대답