stitch::generate-design

작성자: google-labs-code

텍스트 프롬프트나 이미지로 새 화면을 생성하고, 프롬프트와 디자인 시스템 토큰으로 기존 화면을 편집하며, Stitch MCP를 사용하여 디자인 변형을 생성합니다.

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch::generate-design

ZIP 다운로드 GitHub

google-labs-code의 다른 스킬

google-labs-code

Stitch 앱 디자인에서 Remotion을 사용하여 부드러운 전환과 텍스트 오버레이가 포함된 전문 워크스루 비디오를 제작합니다. Stitch 프로젝트에서 화면을 가져와 확대 효과, 페이드 전환, 상황별 텍스트 오버레이와 함께 Remotion 비디오 구성으로 오케스트레이션합니다. ScreenSlide 및 WalkthroughComposition 컴포넌트를 포함한 모듈식 컴포넌트 아키텍처와 대화형 핫스팟 및 음성 해설 통합과 같은 고급 기능을 지원합니다. 화면 매니페스트를 생성하고 다운로드합니다...

google-labs-code

Ink 터미널 렌더러로, JSON 사양을 대화형 터미널 UI로 변환합니다. @json-render/ink로 작업하거나 터미널 UI를 구축할 때 사용하세요.

stitch-sdk-pipeline

google-labs-code

전체 Stitch SDK 생성 파이프라인을 실행합니다. 새 도구가 추가되거나 SDK를 처음부터 끝까지 다시 생성해야 할 때 사용하세요.

stitch-sdk-readme

google-labs-code

Stitch SDK의 README를 생성하거나 업데이트합니다. Bookstore Test 구조를 사용하고 코드베이스에서 현재 API를 참조합니다. README가 필요할 때 사용합니다.

typed-service-contracts

google-labs-code

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

agent-dx-cli-scale

google-labs-code

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

google-labs-code

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…

stitch-sdk-bug-bash

google-labs-code

Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.