Codex로 미친 수준의 UI를 만드는 최고의 방법
I found the best way to build insane UIs with Codex
핵심 요약
ChatGPT로 UI 이미지를 생성하고 이를 Codex에 입력하여 코드로 변환하는 효율적인 워크플로우를 공유합니다.
- 이미지 기반 워크플로우 — ChatGPT로 UI 이미지를 먼저 생성한 뒤 Codex로 코딩하는 방식임
- 반복적 개선 — 이미지를 생성할 때 전체 사이트 가이드라인을 포함한 프롬프트를 함께 요구함
- 참고 자료 활용 — 기존에 선호하는 앱이나 사이트의 스크린샷을 레퍼런스로 활용함
- 도구 활용 — 12ui.com 같은 도구를 사용하여 참조 디자인을 코드로 변환하는 과정을 최적화함
ChatGPT가 완벽한 건 아니지만, UI 측면에서 Claude보다 구린 건 팩트임. 근데 ChatGPT Images 2.5는 진짜 미친 수준으로 좋음.
워크플로우도 존나 간단함. 그냥 새 스킬 하나 만들면 됨..
원하는 걸 설명한다 ➔ ChatGPT가 백그라운드에서 이미지를 생성하게 둔다 ➔ 그 이미지를 바탕으로 Codex가 원하는 걸 빌드하게 한다.
이 스킬을 썼을 때랑 안 썼을 때 똑같은 프롬프트로 돌려보고 결과 좀 공유해 봐.

