stitch-design

작성자: google-labs-code

통합 디자인 시스템 진입점으로, Stitch MCP를 사용하여 고충실도 UI 화면을 생성 및 편집합니다. 거친 디자인 아이디어를 전문 UI/UX 용어와 디자인 시스템 컨텍스트를 사용하여 구조화된 프롬프트로 변환합니다. 기존 Stitch 프로젝트를 .stitch/DESIGN.md "진실의 원천" 문서로 종합하여 화면 간 일관성을 유지합니다. 텍스트-투-디자인 생성, 화면 편집, 디자인 시스템 문서화 워크플로우 간 요청을 지능적으로 라우팅합니다. 자산을 자동으로 관리하여...

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch-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

견고하고 타입 세이프한 TypeScript 서비스를 "Spec and Handler" 패턴으로 구축하기 위한 아키텍처 표준입니다. CLI, 라이브러리, 또는 복잡한 시스템을 구축할 때 사용합니다.

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.