design-md

작성자: google-labs-code

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

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

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의 버그를 찾습니다. 표준 기능 경계와 까다로운 상황을 다룹니다.