google-labs-code/stitch-sdk

해결하는 문제

개발자가 텍스트 프롬프트를 사용하여 프로그래밍 방식으로 UI 화면을 생성, 편집 및 반복할 수 있게 합니다. 수동으로 인터페이스를 설계하는 대신, 사용자는 평이한 언어로 화면을 설명하고 해당 HTML과 스크린샷을 받을 수 있습니다.

작동 방식

이 SDK는 텍스트 설명을 UI 디자인으로 변환하는 백엔드 서비스에 연결됩니다. 작업은 "프로젝트" 단위로 구성되며, 사용자는 새 화면을 생성하거나, 편집 프롬프트를 통해 기존 화면을 개선하거나, 여러 디자인 변형(레이아웃, 색상 구성, 글꼴 조정)을 만들 수 있습니다. 또한 디자인 시스템 생성을 지원하여 화면 간의 시각적 일관성을 유지합니다.

대상 사용자

• 프론트엔드 개발자: UI 레이아웃을 빠르게 프로토타이핑하고 시작 HTML을 얻기 위함.
• AI 에이전트 개발자: Vercel AI SDK 및 Google ADK용 도구 통합을 사용하여 인터페이스를 생성하고 수정할 수 있는 자율형 디자이너를 구축하기 위함.
• 제품 디자이너: 화면에 대한 다양한 시각적 방향을 빠르게 탐색하기 위함.

주요 특징

• 텍스트 기반 UI 생성: 간단한 프롬프트에서 전체 화면을 생성.
• UI 반복: 기존 화면을 편집하거나 특정 창의적 범위(Refine, Explore, Reimagine) 내에서 여러 변형을 생성.
• 에이전트 준비 완료: MCP (Model Context Protocol) 도구에 대한 내장 지원을 포함하여 LLM 에이전트와 쉽게 통합.
• 디자인 시스템 지원: 여러 화면에 일관된 시각적 테마를 생성하고 적용.
• 다중 형식 출력: 생성된 UI의 HTML 코드와 스크린샷 이미지에 대한 직접 다운로드 URL을 제공.