Stitch MCP 실전 가이드 — 설치부터 UI 생성까지
Google Stitch MCP 설치, 플랫폼별 설정, 실전 활용법까지. 공식 문서보다 실전적인 가이드.
Stitch MCP 실전 가이드 — 설치부터 UI 생성까지
Google Stitch는 텍스트 프롬프트로 UI 디자인과 프론트엔드 코드를 만들어주는 도구입니다. Stitch MCP는 이걸 AI 코딩 에이전트(Claude Code, Cursor, Gemini CLI 등)에서 직접 쓸 수 있게 연결해주는 MCP 서버입니다.
공식 문서가 있긴 한데, 설치 순서만 나열돼 있고 실전에서 어떻게 쓰는지는 빠져 있습니다. 이 글은 설치부터 실제 UI 생성까지 한 번에 정리합니다.
Stitch MCP가 뭔데
Stitch는 Google Labs에서 만든 실험적 도구입니다. Gemini 2.5 Pro 기반으로, 프롬프트를 입력하면 UI 디자인 + HTML/CSS 코드를 생성합니다.
관련 포스트
AI Tools & Agents
나만의 autoresearch 만들기 — 다른 도메인에 자율 실험 적용하기
autoresearch 패턴을 텍스트 분류, 이미지 분류, RAG 파이프라인에 적용합니다. 범용 실험 러너와 program.md 템플릿 제공.
AI Tools & Agents
autoresearch 실전 — GPU 하나로 밤새 실험 돌리기
환경 설정부터 에이전트 실행, 밤새 100개 실험 결과 분석까지. 작은 GPU에서도 돌리는 튜닝 가이드와 실전 팁.
AI Tools & Agents
Karpathy의 autoresearch 해부 — 630줄로 AI 연구실 만들기
Andrej Karpathy의 autoresearch를 코드 레벨까지 분석합니다. 630줄 train.py, BPE 토크나이저, MuonAdamW 옵티마이저, 에이전트 프로토콜의 설계 원리를 파헤칩니다.