작성자 google-labs-code
react:components 스킬은 Stitch 디자인을 프런트엔드 개발용 모듈형 Vite 및 React 컴포넌트로 변환합니다. 검색, 로컬 파일 확인, AST 기반 검증을 활용해 결과물이 디자인 토큰, 기존 파일, 프로젝트 제약과 잘 맞도록 유지합니다. 일회성 JSX 덤프가 아니라 구조화된 컴포넌트 코드가 필요할 때 이 react:components 가이드를 사용하세요.
작성자 google-labs-code
enhance-prompt 스킬은 모호한 UI 아이디어를 더 명확하고 Stitch에 바로 쓸 수 있는 프롬프트로 바꿔 줍니다. 구조를 더 탄탄하게 다듬고, UI/UX 용어를 보강하며, 디자인 시스템 맥락까지 반영할 수 있게 해 줍니다. 이 enhance-prompt 가이드를 활용하면 프롬프트의 구체성을 높이고, 추측에 의존하는 부분을 줄이며, 프롬프트 작성과 UI 생성 결과를 더 일관되게 만들 수 있습니다.
작성자 google-labs-code
design-md 스킬은 Stitch 프로젝트를 분석해 화면을 의미 기반의 DESIGN.md 단일 기준 문서로 정리합니다. 이를 통해 레이아웃, 톤, 색상, 컴포넌트 언어를 일관되게 유지할 수 있습니다. 단순한 시각 요약이 아니라, 앞으로의 Stitch 생성에 바로 프롬프트로 활용할 수 있는 디자인 시스템 가이드가 필요할 때 design-md를 사용하세요.
작성자 google-labs-code
stitch-loop은 Stitch로 페이지를 반복적으로 만들고, 배턴을 넘기듯 다음 작업으로 이어 가는 워크플로 자동화 스킬입니다. 에이전트가 `.stitch/next-prompt.md`를 읽고, 다음 페이지를 생성한 뒤, 사이트에 통합하고, 다음 인수인계를 더 적은 추측으로 준비하도록 돕습니다.
