greensheep01201/stitch-mcp-auto
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
Stitch MCP 자동 설치 - Google Stitch 용 범용 MCP 서버를 설정하는 가장 쉬운 방법.
개요
Google Stitch의 가장 자동화된 MCP 서버. https://github.com/GreenSheep01201/stitch-mcp-auto] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0] [T0] [T0]] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0]] https://github.com/GreenSheep01201/stitch-mcp-auto] https://github.com/GreenSheep01201/stitch-mcp-auto]]] https://github.com/GreenSheep01201/stitch-mcp-auto]]]]]] [[https://github.com/GreenSheep01201/stitch-mcp-auto]]]]]]] [[[[[[https://github.com/GreenSheep01201/stitch-mcp-auto]]]]]]]]]]]]]] [[[[[[[https://github.com/GreenSheep01201/stitch-mcp-auto]]]]]]]]]]]]]]]]]] [[[[[[[[[[[[[[[[[[[[[[ - 하나의 명령은 모든 것을 설치 (gcloud auth, API enable, MCP config) - - Claude Code, Gemini CLI, Codex CLI - - 디자인 생성, 접근성 체크, 토큰, 응답 변형 및 디자인 시스템 내보내기 - - /design, /design-system, /design-flow, /design-qa, /design-export, /generate-asset, /design-full - 생성 로고, 아이콘, /design-system, /design-flow, /design-qa, /design-export, /generate-asset, /design-full - 생성 로고, 아이콘, Google Play 스토어를 통해 생성 (Google) 1. Google Cloud SDK에서 다운로드 2. 설치 프로그램을 실행 ( "Run gcloud init"옵션) 3. 당신의 맨끝을 재시작하십시오 Node.js 및 gcloud CLI 설치 후: 설정 마법사: 1. 웹 기반 설정 페이지를 열어 http://localhost:51121 2. Google 로그인을 통해 안내 3.
개요(AI 번역)
한국어
하나의 명령. 즉시 UI. Google Stitch의 가장 자동화된 MCP 서버.
** AI와 링크 공유:** [T0]
왜 stitch-mcp-auto?
인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 |---------|------|-----------------| | 세팅타임 | ~30분 | ~2분 | | gcloud config | 매뉴얼 | 자동 | | MCP 등록 | 매뉴얼 | 자동 | | 멀티클립 지원 | ❌ | ✅ 클로드/게미니/코덱 | | AI 이미지 생성 | ❌ | ✅ Gemini 3 Pro | | 사용자 지정 명령 | ❌ | ✅ 7개의 워크플로우 |
특징:
- ** 자동 설정** - 하나의 명령은 모든 것을 설치합니다 (gcloud auth, API 활성화, MCP 설정)
- Multi-CLI 지원 - Claude Code, Gemini CLI, Codex CLI와 함께 작동합니다.
- 19 Custom Tools + Stitch Core - 디자인 생성, 접근성 검사, 토큰, 응답 변형 및 설계 시스템 수출
- **7 워크 플로우 명령 ** -
/design,/design-system],/design-flow],/design-export,/generate-asset],/design-full]]
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Stitch MCP Auto 🎨
One command. Instant UI. The most automated MCP server for Google Stitch.
💡 Just share this link with your AI: https://github.com/GreenSheep01201/stitch-mcp-auto
Why stitch-mcp-auto?
| Feature | stitch-mcp | stitch-mcp-auto |
|---|---|---|
| Setup time | ~30 min (manual) | ~2 min (wizard) |
| gcloud config | Manual | Automatic |
| MCP registration | Manual | Automatic |
| Multi-CLI support | ❌ | ✅ Claude/Gemini/Codex |
| AI image generation | ❌ | ✅ Gemini 3 Pro |
| Custom commands | ❌ | ✅ 7 workflows |
Features:
- Auto Setup - One command installs everything (gcloud auth, API enable, MCP config)
- Multi-CLI Support - Works with Claude Code, Gemini CLI, Codex CLI
- 19 Custom Tools + Stitch Core - Design generation, accessibility checks, tokens, responsive variants, and design system export
- 7 Workflow Commands -
/design,/design-system,/design-flow,/design-qa,/design-export,/generate-asset,/design-full - 🎨 AI Image Generation - Generate logos, icons, hero images via Gemini 3 Pro (uses Antigravity - Google’s experimental image generation API)
- 🎭 Orchestration Mode - One prompt to generate assets + complete UI design
- 🌐 i18n Support - Auto-detects system language (English/Korean) for setup wizard and console messages
Table of Contents
설치
npx -y stitch-mcp-auto설정
{
"mcpServers": {
"stitch": {
"command": "npx",
"args": ["-y", "stitch-mcp-auto"],
"env": {
"GOOGLE_CLOUD_PROJECT": "YOUR_PROJECT_ID"
}
}
}
}