메일 주소 복사
보물창고로
PERSONAL ARCHIVE

DESIGN.md · 디자인 기준을 에이전트에 전달

디자인 토큰과 선택 이유를 문서로 남기고 CLI로 구조를 검사합니다.

조회 0추천 0
공식 사용 예시와 샘플원본 샘플 열기
공식 사용 예시와 샘플
출처 · google-labs-code/design.md ↗
GitHub에서 보기 ↗google-labs-code/design.md
이렇게 활용할 수 있어요

입력 색상·타이포·간격 규칙을 다른 페이지에도 일관되게 전달하고 싶습니다.

DESIGN.md: 디자인 의도와 토큰
색상·글꼴·간격 정의
검사 결과: 참조 오류와 구조 문제
수정 전후 디자인 기준 차이

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

화면마다 같은 디자인 설명을 반복하는 부담을 줄일 수 있습니다. 정확한 값과 적용 이유를 함께 남겨 구현자가 기준을 이해하도록 돕습니다.

기존 가이드와 자세한 사용법 읽기
목차

DESIGN.md · 디자인 기준을 에이전트에 전달

안녕하세요 mouseco 입니다. :)

이번에 정리한 자료는 DESIGN.md입니다. 디자인 토큰과 선택 이유를 문서로 남기고 CLI로 구조를 검사합니다.

어떤 작업에 유용한가

화면마다 같은 디자인 설명을 반복하는 부담을 줄일 수 있습니다. 정확한 값과 적용 이유를 함께 남겨 구현자가 기준을 이해하도록 돕습니다.

활용 예시

요청 예시

색상·타이포·간격 규칙을 다른 페이지에도 일관되게 전달하고 싶습니다.

결과물 구성 예시

DESIGN.md: 디자인 의도와 토큰
색상·글꼴·간격 정의
검사 결과: 참조 오류와 구조 문제
수정 전후 디자인 기준 차이

활용 방식을 보여주기 위해 작성한 설명용 예시이며, 이 글에서 직접 실행한 결과는 아닙니다.

사용 전 확인할 점

문서 검사 통과가 실제 화면의 완성도를 보장하지는 않습니다. 구현 후 브라우저에서 대비·줄바꿈·반응형 배치를 확인합니다.

공식 자료

기능·설치 방식은 업데이트될 수 있으므로 적용할 때는 현재 README를 확인해 주세요.