PERSONAL ARCHIVE
GitHub 프로젝트3분 읽기
DESIGN.md · 디자인 기준을 에이전트에 전달
디자인 토큰과 선택 이유를 문서로 남기고 CLI로 구조를 검사합니다.
조회 0추천 0
결과물 먼저 보기
제작자 공개 샘플공식 사용 예시와 샘플원본 샘플 열기
공식 사용 예시와 샘플출처 · google-labs-code/design.md ↗이렇게 활용할 수 있어요
결과물 예시
설명용 예시입력 색상·타이포·간격 규칙을 다른 페이지에도 일관되게 전달하고 싶습니다.
DESIGN.md: 디자인 의도와 토큰 색상·글꼴·간격 정의 검사 결과: 참조 오류와 구조 문제 수정 전후 디자인 기준 차이
활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.
유용하다고 판단한 이유
화면마다 같은 디자인 설명을 반복하는 부담을 줄일 수 있습니다. 정확한 값과 적용 이유를 함께 남겨 구현자가 기준을 이해하도록 돕습니다.
기존 가이드와 자세한 사용법 읽기
목차
DESIGN.md · 디자인 기준을 에이전트에 전달
안녕하세요 mouseco 입니다. :)
이번에 정리한 자료는 DESIGN.md입니다. 디자인 토큰과 선택 이유를 문서로 남기고 CLI로 구조를 검사합니다.
어떤 작업에 유용한가
화면마다 같은 디자인 설명을 반복하는 부담을 줄일 수 있습니다. 정확한 값과 적용 이유를 함께 남겨 구현자가 기준을 이해하도록 돕습니다.
활용 예시
요청 예시
색상·타이포·간격 규칙을 다른 페이지에도 일관되게 전달하고 싶습니다.
결과물 구성 예시
DESIGN.md: 디자인 의도와 토큰
색상·글꼴·간격 정의
검사 결과: 참조 오류와 구조 문제
수정 전후 디자인 기준 차이
활용 방식을 보여주기 위해 작성한 설명용 예시이며, 이 글에서 직접 실행한 결과는 아닙니다.
사용 전 확인할 점
문서 검사 통과가 실제 화면의 완성도를 보장하지는 않습니다. 구현 후 브라우저에서 대비·줄바꿈·반응형 배치를 확인합니다.
공식 자료
- GitHub 저장소
- 프로젝트 README
- 링크와 문서 확인일: 2026-10-18
기능·설치 방식은 업데이트될 수 있으므로 적용할 때는 현재 README를 확인해 주세요.