25년 차 디자이너 KeEem입니다. 현재, **AI가 사용할 수 있는 것을 목표로 한 디자인 시스템 「군청 (GUNJO)」**을 만들고 있습니다. 본체도, 검증 기록도 이미 공개했습니다——이 기사는 그 "만드는 방법"에 관한 이야기입니다.

만드는 방법이 조금 다릅니다

보통 디자인 시스템은 "사람이 사용하는 전제"로 만듭니다. 저는 거기에 또 한 명의 사용자를 추가했습니다——사전 지식이 없는 AI입니다.

방법은 간단합니다. GUNJO를 한 번도 본 적 없는 AI에게, 출시된 패키지와 docs(문서)만 전달하여 실제 업종의 화면(관리 화면, 예약, 프로필 등)을 구성하게 합니다. 소스 코드는 보여주지 않습니다. 인간 개발자가 처음 라이브러리를 접할 때와 동일한 조건입니다.

이를 170번 반복했습니다. 이를 「콜드 테스트 (Cold Test)」라고 부르고 있습니다.

왜 굳이 AI에게 구성하게 하는가

답은 매우 단순합니다만——AI는 눈치를 보지 않기 때문입니다.

docs가 구현을 따라가지 못하고 있다면, AI는 아무렇지 않게 잘못된 방식으로 사용합니다. 컴포넌트의 이름만 거창하고 내용물이 비어 있다면, 그대로 빈 UI를 출력합니다. 인간이라면 "아마 이런 의도겠지"라며 보완해 줄 부분을 AI는 보완해 주지 않습니다. 그래서 어디에서 품질이 무너지는지가 가차 없이 가시화됩니다.

170번을 수행하며 알게 된 것은, 무너지는 지점이 「치명상 → 구조 → 마무리」 순으로 회차를 거듭할수록 작아졌다는 점이었습니다. AI를 말하자면 눈치를 보지 않는 검사역으로 사용하고 있습니다.

이제 확인하실 수 있습니다 (총집편은 7/15, 팩은 선등록)

사실, GUNJO의 본체도, 170개 화면의 콜드 테스트 기록도 이미 공개되어 있습니다.

• 본체: gunjo.jp (npm @gunjo/ui)
• 검증 기록: gunjo.jp/cold-tests

170번을 수행하며 어떤 일이 일어났는지——그 총집편은 7/15 전후로 정리해서 내놓을 예정입니다. 여기에는 전부 쓰지 않겠습니다. 핵심은 그때 공개하겠습니다.

그리고 또 하나, 콜드 테스트를 바탕으로 한 **업종별 「AI 지시서 팩」**을 준비 중입니다. 당신의 AI (Claude / Cursor 등)에게 전달하면 @gunjo/ui로 해당 업종의 화면을 구성할 수 있는 지시서입니다. 이것은 선등록을 받고 있습니다.

👉 선등록: gunjo.jp/pack

과장하지 않고, 한 장씩 확인한 기록을 앞으로도 쌓아 나가겠습니다.

관련 링크

• 콜드 테스트 170개 화면의 기록: gunjo.jp/cold-tests
• 선등록 (AI 지시서 팩 안내): gunjo.jp/pack

이 기사는 저자가 AI (Claude)와 협업하여 제작되었습니다. 실험·검증 설계, 판단, 공개 전 사실 확인은 제가 수행하였고, 실제 작업과 초안 집필은 AI가 담당했습니다.

GunjoUI by UIXHERO

Discussion