Codex | Claude로 앱 룩북을 만들고 개발에 들어가기

소개

우연의 산물로 앱 기획 및 개발하는 과정에서 중간 산출물로 나왔던 vanilla-HTML 기반 앱 룩북을 정형화하여

스킬화한 뒤, 이후 다른 앱 기획 및 개발 과정에서 활용 중에 있습니다.

이에 대한 작업 프로세스를 공유하고자 합니다.

진행 방법

  1. mobile-app-lookbook 중 generate-lookbook 을 활용하여 Codex 에게 앱에 대한 룩북 제작 요청

    그 외 스킬들은 정형화 과정에서 AI 가 추천해주었으며, 아직 미개발 상태.

    흰색 배경의 웹사이트 스크린샷
  2. 룩북 결과를 보며 큰 틀을 확인한 뒤,누락된 페이지들에 대한 기획 요청 및 기 제작된 룩북들 개선 작업 진행

삼성의 Lookbook v10 스크린샷
한국어 버전의 빛 테마 스크린샷
  1. 어느정도 룩북으로 머리 속에서 서비스가 잘 그려지면 개발 돌입.

결과와 배운 점

  1. Codex를 제대로 못써서 그런 것 같기는 한데...Codex 는 디자인을 잘 못하는 것 같습니다.

    • 토큰 아끼려고 Codex에게 스킬 주며 앱 아이디어와 함께 룩북 제작 시키다가

    • 요새는 그냥 Claude로 처음부터 끝까지 하는 중에 있습니다.

  2. 예전이였다면 Flutter로 개발했을건데, 최근 개발 중인 앱들은 각각 Swift와 Kotlin으로 개발 중입니다.

    • 하지만, Flutter와 다르게 두 언어는 별다른 공부 없이 개발에 들어가 두 언어에 대해 아예 모르기에

    • 개발하며 조금씩 공부해나가려고 계획 중입니다.

밀어주고 끌어주는

온·오프라인 AI 스터디

AI로 어디까지 할 수 있는지
직접 확인하실 분만 신청하세요.