Google Labs Code 스킬

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

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

Stitch 디자인 프로젝트를 분석하고 프롬프팅의 근간이 되는 의미론적 DESIGN.md 파일을 생성합니다. MCP 서버 도구를 통해 Stitch 프로젝트에서 화면 메타데이터, HTML/CSS 소스, 디자인 에셋을 검색하여 디자인 토큰과 시각적 패턴을 추출합니다. 분석 결과를 분위기, 헥스 코드가 포함된 색상 팔레트, 타이포그래피, 컴포넌트 스타일링, 레이아웃 원칙을 다루는 구조화된 DESIGN.md 파일로 종합합니다. 기술적 값(Tailwind 클래스, border-radius, 그림자)을 표현적인...

모호한 UI 아이디어를 디자인 시스템 맥락이 포함된 정제된 Stitch 최적화 프롬프트로 변환합니다. 누락된 요소(플랫폼, 페이지 유형, 시각적 스타일, 색상, 구성 요소)를 평가하고 체계적으로 보완합니다. 다중 페이지 프로젝트에서 일관성을 유지하기 위해 DESIGN.md 파일을 확인하고 통합합니다. UI/UX 키워드 특정성, 분위기 증폭, 페이지 구조 구성, 적절한 색상 서식 지정 등 향상 기법을 적용합니다. Stitch에 바로 사용할 수 있는 구조화된 프롬프트를 출력합니다...

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

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

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

react:components — AI 에이전트를 위한 설치 가능한 스킬로, google-labs-code/stitch-skills에서 게시되었습니다.

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

shadcn/ui 컴포넌트를 프로젝트에서 발견, 설치 및 사용자 정의하기 위한 전문 가이드입니다. shadcn/ui는 라이브러리가 아닌 복사-붙여넣기 컴포넌트 모음으로, 컴포넌트가 코드베이스에 직접 위치하여 완전한 소유권과 버전 종속 없는 사용자 정의가 가능합니다. Radix UI 또는 Base UI 프리미티브를 기반으로 Tailwind CSS 스타일링이 적용된 50개 이상의 접근 가능한 사전 구축 컴포넌트(버튼, 대화상자, 양식, 테이블 등)를 포함합니다. CSS 변수를 통한 테마 사용자 정의, 컴포넌트 변형 지원 등을 제공합니다.

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

반복적인 Stitch 생성과 배턴 전달 루프 조정을 사용하는 자율 웹사이트 빌더입니다. 각 에이전트 반복이 .stitch/next-prompt.md에서 작업을 읽고, Stitch MCP를 통해 페이지를 생성하며, 이를 사이트에 통합하고, 계속 진행을 위한 다음 작업을 작성하는 릴레이 패턴을 구현합니다. .stitch/metadata.json을 통해 Stitch 프로젝트 상태를 관리하며, 반복 간에 프로젝트 ID, 화면 메타데이터, 디자인 테마를 유지합니다. .stitch/DESIGN.md(시각적 디자인 시스템) 및...이 필요합니다.

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

Stitch SDK를 개발합니다. 생성 파이프라인, 이중 모드(에이전트 대 SDK), 오류 처리, 트래픽 라이트(빨간색-초록색-노란색) 구현을 다룹니다…

Stitch SDK의 도메인 모델을 설계합니다. MCP 도구를 domain-map.json의 도메인 클래스 및 바인딩에 매핑할 때 사용합니다. 이는 생성의 2단계입니다…

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

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

stitch-sdk-usage — google-labs-code/stitch-sdk에서 게시한 AI 에이전트용 설치 가능한 스킬입니다.

Google Stitch를 위한 시맨틱 디자인 시스템 스킬입니다. 프리미엄하고 비범한 UI 표준(엄격한 타이포그래피 등)을 적용하는 에이전트 친화적인 DESIGN.md 파일을 생성합니다.

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

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

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