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의 다른 스킬

agent-dx-cli-scale

google-labs-code

CLI가 AI 에이전트에 얼마나 잘 설계되었는지 평가하기 위한 점수 척도로, "AI 에이전트를 위한 CLI 재작성" 원칙에 기반합니다.

google-labs-code

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

tdd-red-green-refactor

google-labs-code

이 스킬은 AI 지원 프로그래밍을 위한 구조적 프레임워크를 구현하여 모든 코드 라인이 검증 가능하고, 타입이 지정되며, 목적에 부합하도록 보장합니다.

typed-service-contracts

google-labs-code

Spec and Handler" 패턴을 사용하여 견고하고 타입 안전한 TypeScript 서비스를 구축하기 위한 아키텍처 표준입니다. CLI, 라이브러리 또는 복잡한...

automate-github-issues

google-labs-code

병렬 Jules 코딩 에이전트를 사용하여 자동화된 GitHub 이슈 분류 및 해결 설정

local-action-verification

google-labs-code

act를 사용하여 로컬 GitHub Actions 검증을 위한 리포지토리를 설정하여, Jules가 푸시 전에 CI를 검증할 수 있도록 합니다.

github-codebase-briefing

google-labs-code

이 스킬은 저장소에 대한 "심층 읽기"를 수행합니다. 프로젝트의 아키텍처를 먼저 이해한 후, 해당 맥락에 맞춰 열린 항목들을 평가함으로써 피상적인 목록화를 피합니다.

stitch-sdk-bug-bash

google-labs-code

실제 API 키를 사용하여 Stitch SDK의 버그를 찾습니다. 표준 기능 경계와 까다로운 상황을 다룹니다.