Community코딩 & 개발github.com

gabelul/stitch-kit

코딩 에이전트가 형편없는 UI를 디자인합니다. stitch-kit이 이를 Google Stitch MCP에 연결하고, 아이디어 구상, 화면 생성, 디자인 시스템, 프로덕션 컴포넌트에 이르는 전체 파이프라인을 가르칩니다.

stitch-kit란 무엇인가요?

stitch-kit은 AI 코딩 에이전트(예: Claude Code, Cursor)가 Google Stitch MCP 서버를 활용하여 엔드투엔드 UI 디자인 및 개발 파이프라인을 수행할 수 있도록 해주는 스킬입니다. 이 스킬은 단순한 UI 생성 이상으로, 아이디어 구상 단계에서부터 디자인 시스템 기반의 화면 생성, 프로덕션에 바로 사용할 수 있는 컴포넌트 구현까지 전 과정을 안내합니다. 개발자는 stitch-kit을 통해 에이전트가 디자인 패턴, 컴포넌트 구조, 스타일 가이드를 일관되게 따르도록 지시할 수 있어, 형편없는 UI 대신 체계적이고 재사용 가능한 UI를 얻을 수 있습니다. GitHub에서 제공되며, MCP 프로토콜을 기반으로 하여 다양한 MCP 호환 도구와 연동됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add gabelul/stitch-kit

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

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

당신의 코딩 에이전트가 형편없는 UI를 디자인합니다. stitch-kit이 이를 Google Stitch MCP에 연결하고, 아이디어 구상, 화면 생성, 디자인 시스템, 프로덕션 컴포넌트에 이르는 전체 파이프라인을 가르칩니다.

소스: https://github.com/gabelul/stitch-kit

Awesome Skills Launch Video 작업 발견을 위해 태그됨 (2026-09-20 저녁).

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

관련 스킬