Preview 환경에서 서비스 중

대화 한 번으로
사이트가 올라갑니다

Claude가 MCP로 Hangar에 연결해 프로젝트를 만들고, 파일을 쓰고, preview까지 배포한 한 페이지 소개 사이트입니다.

소개

mcp-test-01은 Hangar MCP 연동이 제대로 동작하는지 확인하기 위한 테스트 프로젝트입니다.

이 페이지는 단일 index.html 파일로 이루어져 있고, 외부 라이브러리나 이미지 없이 HTML과 CSS만으로 만들었습니다. 라이트/다크 모드를 자동으로 따라가며 모바일 화면에서도 깨지지 않습니다.

특징

가볍고 단순하게, 필요한 것만 담았습니다.

⚡

빠른 로딩

외부 요청 없이 파일 하나로 끝납니다.

🌗

다크 모드 대응

사용자의 시스템 설정에 맞춰 색상이 바뀝니다.

📱

반응형 레이아웃

데스크톱부터 모바일까지 자연스럽게 맞춰집니다.

배포 흐름

이 사이트가 preview에 올라오기까지의 과정입니다.

프로젝트 생성hangar_create_project 로 mcp-test-01 프로젝트를 만듭니다.
드래프트 작성hangar_start_draft 와 hangar_write_files 로 index.html 을 씁니다.
릴리스 발행hangar_publish_draft 로 변경 불가능한 릴리스를 만듭니다.
Preview 활성화hangar_activate_preview 로 preview 사이트를 이 릴리스로 전환합니다.