- 신영선의 AI탐구
- 조코딩 JoCoding
- CONNET AI LAB
- 편집자P
- 필로소피AI
- 코드팩토리
- 코난쌤
- 메타코드M
- 개발동생
- 메이커에반
- 바이브랩스
- 단테랩스
- 괴발자
- 홍정모AI
- 한빛미디어
- 칼퇴왕김과장N8N
- 퀀텀점프클럽N8N
- 짐코딩
- 시현의모험
- AI겸임교수 이종범
- AI ON
- 태오의실행비즈니스
- 오후다섯씨
- 코드깎는노인
- 데브남
- 스테판초 AI
- 빌더조쉬
- Claudical (클로디컬)
- 테크브릿지
- 실밸개발자
- Ai 서대표
- 일하는 Ai
- 시민개발자 구씨
- 일잘러 장피엠
- 이동훈의 루트ai
- 조태호교수
- 아는개발자 캐슬
- Jay Choi 인디해커
- 기술노트with일렉
- 제초초토크
- Ai IMPACT
- 오늘노트
- 알쓸신작 AI 이야기
- AI 튜터랩
- CODE DECK ★ 중요함
- 샘호트만 AI엔지니어
- 테디노트
- 경희대학교 SW사업단
- 강원대학교 SW사업단
- 지투지 AI STUDY
- 바퍼
- 소스놀이터
![[LIVE] 코덱스로 바이브 코딩하기 (feat. 하네스 엔지니어링)](https://i.ytimg.com/vi/GJQ0rNvTfPw/maxresdefault.jpg)
OpenAI 코덱스로 아름다운 프론트엔드를 만들어 보세요
0
0
0 :조회수·
22 May 2026
-
테크브릿지
OpenAI 코덱스(Codex)의 멀티모달 기능을 활용해 화이트보드 스케치만으로 아름다운 프론트엔드를 만드는 과정을 보여드립니다. 3D 지구본, 반응형 대시보드까지 코덱스가 직접 구현합니다.
주요 내용:
- 코덱스의 멀티모달 기능: 시각적으로 자신의 작업을 검증하는 AI 코딩 도구
- 화이트보드 스케치를 사진으로 찍어 코덱스에 전달하면 실제 코드로 구현
- Three.js 3D 회전 지구본, 여행 기록 대시보드 등 복잡한 UI를 자동 생성
- Playwright MCP를 활용한 브라우저 기반 시각적 작업 검증
- 라이트/다크 모드, 반응형 디자인까지 자동으로 확인하고 수정
#OpenAI #코덱스 #Codex #AI코딩 #프론트엔드 #멀티모달 #에이전틱코딩 #GPT5 #웹개발 #코딩자동화
간략히
0 댓글
sort 정렬
