AI로 설치하기

설정 프롬프트를 AI에게 전달해 프로젝트에 COMPASS를 설치하세요.

디자인 시스템 설정

적용할 프로젝트를 AI에서 열고, 아래 프롬프트를 복사해 전달하세요. AI가 프로젝트를 확인하고 설치와 규칙 등록을 진행합니다.

프로젝트 파일 수정과 설치가 가능한 AI가 필요합니다. 배포 전 localhost 주소는 이 컴퓨터에서만 접근할 수 있습니다.

설치 후 사용하기

처음 한 번 설정한 프로젝트에서는 이후 아래처럼 요청하세요. AI는 등록된 규칙과 설치한 컴포넌트를 사용합니다.

디자인 시스템 써. 설정 페이지 만들어줘.

AI용 문서

레지스트리 상세

직접 설치하거나 배포 항목과 버전을 확인할 때 참고하세요.

설치

…
JSON 다운로드

React와 Tailwind CSS v4를 사용하는 shadcn 초기 설정이 완료된 프로젝트에 설치합니다. 기존 컴포넌트와 전역 스타일 변경을 확인한 뒤 적용하세요.

배포 항목

COMPASS17개 파일
기본 스타일1개 파일
테마2개 파일
버튼2개 파일
텍스트 필드2개 파일
셀렉트2개 파일
슬라이더2개 파일
카드2개 파일
바텀 시트3개 파일
탭2개 파일
페이지네이션3개 파일
토글2개 파일
필터3개 파일
뱃지 / 태그2개 파일
아바타2개 파일
과정 표시2개 파일
다이얼로그3개 파일
확인 다이얼로그3개 파일
Heat map2개 파일
틸트 카드3개 파일

버전 관리

설치 주소에는 버전이 포함됩니다. COMPASS가 업데이트되어도 이미 설치한 프로젝트는 자동으로 바뀌지 않습니다.

다른 프로젝트에 적용한 버전을 기록하고, 변경 이력을 확인한 뒤 업데이트하세요. 프로젝트에서 수정한 컴포넌트는 덮어쓰기 전에 비교합니다.

변경 이력 보기