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
Claude Code를 서버에서 24/7 돌리고 싶었다 — 그래서 VibeCheck을 만들었습니다
노트북 닫으면 Claude Code가 죽습니다. 서버에서 24/7 돌리고 폰으로 접속하는 VibeCheck을 만들었습니다. MIT 오픈소스.
AI Tools
Claude Desktop 있는데 왜 NanoClaw를 깔았냐
Claude Desktop은 혼자 쓰는 앱. 팀 단톡방에 AI 넣고, 매일 아침 뉴스 자동으로 받고 싶으면 NanoClaw. 3,900줄 오픈소스 셋업 가이드.
AI Tools
소파에서 Claude에게 명령 내리고 싶었다 — Remote Control 솔직 후기
퇴근길에 폰으로 Claude Code 확인하고 싶어서 Remote Control 써봤습니다. 좋은데 노트북 닫으면 끝나더라구요. 그래서 직접 만들었습니다.