Stitch Skills – Google Stitch 워크플로를 에이전트에 주입하는 스킬 라이브러리

구성
대표 스킬
설치
전제 조건
언제 유용한가
라이선스
관련 문서
참고 자료

Stitch Skills는 Google Labs의 Stitch MCP 서버와 함께 쓰는 Agent Skills 라이브러리다. 디자인 생성, 코드에서 디자인 추출, Stitch 프로젝트 업로드, React/React Native 변환, DESIGN.md 관리 같은 작업을 Codex, Gemini CLI, Claude Code, Cursor 등 코딩 에이전트가 수행하도록 만든다.

Stitch SDK가 코드에서 Stitch API를 호출하는 실행 계층이라면, Stitch Skills는 에이전트에게 “언제 어떤 절차로 Stitch를 써야 하는가”를 알려 주는 플레이북에 가깝다. 2026년 7월 13일 기준 GitHub 스타는 약 7.3k이며 Apache-2.0 라이선스로 공개되어 있다.

구성

플러그인	역할
`stitch-design`	디자인 생성, 코드-투-디자인, 디자인 시스템 적용, 정적 HTML 추출, Stitch 업로드
`stitch-build`	Stitch 결과를 React 컴포넌트, React Native, Remotion, shadcn/ui 코드로 변환
`stitch-utilities`	프롬프트 개선, DESIGN.md 생성, 디자인 품질 기준 적용, 반복 생성 루프 지원

각 스킬은 Agent Skills 표준 구조를 따른다.

skills/<skill-name>/
├── SKILL.md
├── scripts/
├── resources/
└── examples/

대표 스킬

스킬	쓰임새
`stitch::generate-design`	텍스트나 이미지로 새 Stitch 화면을 만들고 변형 생성
`stitch::code-to-design`	React, Vue 등 프론트엔드 코드를 HTML로 추출해 Stitch 디자인으로 업로드
`stitch::manage-design-system`	`.stitch/DESIGN.md`를 업로드하고 화면에 테마 적용
`stitch::extract-design-md`	기존 프론트엔드 소스에서 디자인 시스템 문서 추출
`stitch::react-components`	Stitch 화면을 React 컴포넌트 시스템으로 변환하고 검증
`taste-design`	프리미엄 UI 기준을 강제하는 DESIGN.md 생성

설치

Codex에서는 Stitch Skills 마켓플레이스를 추가한 뒤 필요한 플러그인을 설치한다.

codex plugin marketplace add google-labs-code/stitch-skills --ref main \
  --sparse .agents/plugins \
  --sparse plugins/stitch-design \
  --sparse plugins/stitch-build \
  --sparse plugins/stitch-utilities

Claude Code와 Cursor는 npx plugins 경로를 쓴다.

npx plugins add google-labs-code/stitch-skills --scope project --target claude-code

개별 스킬만 설치하려면 다음 명령을 사용할 수 있다.

npx skills add google-labs-code/stitch-skills

전제 조건

Stitch Skills는 단독으로 동작하는 디자인 생성 모델이 아니다. 에이전트 환경에 Stitch MCP 서버가 설정되어 있어야 하고, 필요한 Stitch 자격 증명과 환경변수가 준비되어야 한다. 이 점 때문에 로컬 코드 변환만 원하는 경우에는 stitch-sdk나 일반 UI 코드 생성 워크플로가 더 단순할 수 있다.

언제 유용한가

디자인-개발 핸드오프 자동화: Stitch 화면을 React/React Native 컴포넌트로 변환하고 검증할 때
기존 앱 디자인 추출: 프론트엔드 코드에서 DESIGN.md를 만들고 Stitch 프로젝트에 반영할 때
에이전트 기반 UI 탐색: 여러 화면 변형을 생성하고, 스크린샷/HTML을 가져와 리뷰 루프를 돌릴 때

라이선스

Apache-2.0. 단, Google Open Source Software Vulnerability Rewards Program 대상 프로젝트는 아니다.

참고 자료

google-labs-code/stitch-skills — GitHub 공식 저장소

Like?

AI Sparkup