Communitygithub.com

google-labs-code/stitch-design

Stitch 디자인 작업을 위한 통합 진입점입니다. 프롬프트 개선(UI/UX 키워드, 분위기), 디자인 시스템 종합(.stitch/DESIGN.md), Stitch MCP를 통한 고해상도 화면 생성/편집을 처리합니다.

stitch-design란 무엇인가요?

이 스킬은 Stitch 디자인 워크플로우를 위한 통합 진입점 역할을 합니다. 개발자와 AI 에이전트가 디자인 시스템을 정의하고, UI/UX 관련 프롬프트를 개선하며, 고해상도 화면을 생성하거나 편집할 수 있도록 지원합니다. 주요 기능으로는 프롬프트에 UI/UX 키워드와 분위기를 추가하여 품질을 높이는 기능, 디자인 시스템을 `.stitch/DESIGN.md` 파일로 종합하여 일관된 디자인 언어를 유지하는 기능, 그리고 Stitch MCP를 통해 실제 화면을 생성하거나 수정하는 기능이 포함됩니다. 이 스킬은 Stitch 도구와 MCP 서버를 기반으로 작동하며, Claude Code, Cursor, Codex 등 다양한 AI 코딩 에이전트 플랫폼에서 사용할 수 있습니다. 디자인 시스템이 정립된 프로젝트에서 UI 컴포넌트 개발 속도를 높이고 디자인 일관성을 유지하는 데 특히 유용합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/stitch-design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

stitch-design은(는) 무엇을 하나요?

Stitch 디자인 작업을 위한 통합 진입점입니다. 프롬프트 개선(UI/UX 키워드, 분위기), 디자인 시스템 종합(.stitch/DESIGN.md), Stitch MCP를 통한 고해상도 화면 생성/편집을 처리합니다.

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

관련 스킬