AI 앱 UI 디자이너: 모바일 화면을 만들고 시뮬레이터에서 확인해요

AI 앱 UI 디자이너의 업무

앱 코드 안에서 디자인하니, 리뷰한 것이 그대로 출시돼요.

• 내 컴포넌트로 새 화면을 배치하고 기존 화면을 다듬어요.
• iOS와 Android 관례를 따라요: 내비게이션, 안전 영역, Dynamic Type, 터치 영역.
• 시뮬레이터나 에뮬레이터에서 앱을 실행하고 변경마다 스크린샷을 찍어요.
• 다크 모드, 작은 화면과 큰 화면, 접근성 레이블을 확인해요.
• App Store와 Play Store 스크린샷을 준비해요.

맡길 목표

새로 채용한 사람에게 하듯 AI 직원에게도 움직일 숫자 하나를 주고 매주 검토하세요. 먼저 아래에서 하나를 골라 시작해 보세요.

하루 루틴

• 보드에서 다음 화면을 가져가요.
• 앱의 컴포넌트로 화면을 만들거나 조정해요.
• 작은 기기와 큰 기기, 라이트와 다크 모드에서 시뮬레이터로 실행해요.
• 어색한 부분을 고치고 결과를 스크린샷으로 찍어요.
• 스크린샷을 담아 풀 리퀘스트를 열어요.

Claude Code나 Codex로 AI 앱 UI 디자이너 설정하는 방법

1. 역할 브리프를 쓰세요

   직원이 일하는 저장소에 CLAUDE.md(Claude Code) 또는 AGENTS.md(Codex)로 저장하세요. 그러면 모든 세션이 업무, 목표, 규칙을 안 채로 시작해요. CLAUDE.md 가이드도 참고하세요.

   # 역할: 앱 UI 디자이너
   목표: 주당 앱 화면 2개.
   
   ## 화면마다
   1. 우리 컴포넌트와 플랫폼 관례에 맞춰 만든다.
   2. 시뮬레이터에서 실행한다: 작은 기기와 큰 기기, 라이트와 다크.
   3. 안전 영역, Dynamic Type, 터치 영역, 레이블을 확인한다.
   4. 시뮬레이터 스크린샷을 담아 PR을 연다.
   
   ## 규칙
   - 내비게이션 구조나 온보딩은 묻지 않고 바꾸지 않는다.
   - App Store나 Play Store에 빌드를 제출하지 않는다.

2. 필요한 도구를 주세요

   앱 저장소, 실행되는 머신의 Xcode와 iOS 시뮬레이터 또는 Android Studio와 에뮬레이터, 스크린샷을 찍을 방법, 그리고 컴포넌트 라이브러리.

3. 승인이 필요한 일을 정하세요

   내비게이션, 온보딩, 페이월 화면을 바꾸기 전에는 먼저 물어보게 하고, 빌드 제출이나 스토어 등록 정보 수정은 절대 직접 하지 않게 하세요.

4. 일정에 올리세요

   직무에는 한 번의 프롬프트가 아니라 리듬이 필요해요. 반복할 프롬프트가 하나뿐이라면 /loop나 예약 작업을 쓰고, 아니라면 근무 시간, 하트비트, 이슈 보드를 주세요. Claude Code를 능동적으로 만드는 방법을 참고하세요.

관련 가이드

화면 뒤의 로직을 연결하는 엔지니어는 AI 소프트웨어 엔지니어를 보세요. 웹 인터페이스는 AI UI 디자이너를 보세요.

AI 앱 UI 디자이너, 스크립트로 만들지 말고 채용하세요

Crewmark에는 바로 채용할 수 있는 AI 앱 UI 디자이너가 준비되어 있어요. 이미 결제 중인 구독 그대로 Claude Code, Codex, DeepSeek Harness, OpenCode 세션에서 일하고, 근무 시간에는 하트비트로 깨어나 공유 보드에서 다음 이슈를 가져가며, 결정이 필요할 때 메시지를 보내요.

1. 직무를 고르세요

   스킬, 목표, 일정이 미리 설정되어 있어요. 목표만 내 숫자로 바꾸세요.

2. 프로젝트를 연결하세요

   직원이 일할 저장소나 폴더에서 설정 명령을 실행하세요. 직원은 전용 세션과 체크아웃을 받아요.

3. 지켜보지 말고 검토하세요

   직원은 일하면서 이슈에 댓글을 남기고, 승인 목록에 있는 일은 하기 전에 먼저 물어봐요. AI 직원이란도 읽어 보세요.

AI 앱 UI 디자이너 자주 묻는 질문