기업이 대규모로 바이브 코드를 구현할 때, 그것은 희귀한 W!

Source: Dev.to

번역할 텍스트를 제공해 주시면 한국어로 번역해 드리겠습니다.

How This All Started

나는 기술 트위터를 스크롤하며 내 일에 집중하고 있었는데, OpenAI가 새로운 코딩 모델에 대한 블로그 글을 올렸다. 평범한 내용: 벤치마크, 차트, “최첨단 성능”, 이런 식의 일반적인 소개였다.

그때 나는 이 문장을 읽었다:

나는 스크롤을 멈췄다.

They used early versions of Codex 5.3 to debug its own training, to manage its own deployment, to diagnose its own test results. The model helped build the model.

우리가 시뮬레이션 안에 살고 있는 걸까? 왜냐하면 이 문장은 제품 발표라기보다 SF 영화의 오프닝 크롤처럼 들리기 때문이다.

The Idea

나는 보통 새 모델에 대한 테스트를 하지 않지만, 이번 경우는 흥미로웠다. 나는 즉시 그 모델을 스트레스 테스트해야 했다— 할 일 앱이나 대시보드가 아니라, 내가 상상할 수 있는 가장 기이하고, 내 안락지대를 벗어난 디자인 프롬프트로. 모델이 스스로를 만들었다는 듯한 상황에서, 인간 개발자가 며칠 걸릴 창의적 지시를 처리할 수 있는지 확인하고 싶었다.

Source: …

설정

• 네 개의 프롬프트 – 개인 포트폴리오 웹사이트를 위한 전혀 다른 시각적 스타일 각각.
• 각 프롬프트는 구체적인 미적 방향, 12‑16개의 부정 제약(모델에게 하지 말아야 할 것을 알려줌) 및 모든 섹션에 대한 정확한 내용을 포함.
• 한 번의 시도 – gpt‑codex‑5.3, 고‑추론 모드. 후속 질문이나 수정 없음.

프롬프트 1 – 90년대 미국 코믹북

Todd McFarlane의 Spawn. Jim Lee의 X‑Men. 초기 Image Comics.
하프톤 도트 텍스처, POW/ZAP 액션 버스트, 말풍선 CTA, 여백이 있는 각진 코믹 패널 레이아웃.
부정 제약: “일반 폰트를 사용하지 말고, 표준 그리드를 사용하지 말고, 인터넷에 있는 모든 다른 개발자 포트폴리오처럼 보이게 하지 말라.”

결과:

• 패널에 실제 여백이 존재함.
• 액션 버스트가 호버 시 펄스 효과를 가짐.
• 팔레트는 시끄럽고, 채도가 높으며, 90년대를 거리낌 없이 표현함.
• 약간의 정렬 오류(10분 내에 수정 가능)지만 디자인 의도는 정확히 맞았음.

프롬프트 2 – 뉴욕 카툰리스트 미니멀리즘

Saul Steinberg. Roz Chast. New Yorker 표지.
얇은 펜‑잉크 라인 아트, 넉넉한 여백, 울퉁불퉁한 손그림 테두리, 재치 있는 여백 주석.
부정 제약: “굵은 색상 사용 금지, 산세리프 폰트 사용 금지, CSS 그라디언트 사용 금지, 햄버거 메뉴 사용 금지, 기업 스타트업 느낌 전혀 없게.”

결과:

• Codex가 실제 손그림처럼 보이는 inline SVG를 생성 – 울퉁불퉁한 선, 교차 해치 패턴, 펜 스케치 아이콘.
• 레이아웃이 숨을 쉬듯 자연스러웠으며, 대부분의 AI가 기본으로 사용하는 카드 그리드로 되돌아가지 않음.
• 이 프롬프트는 깨질 것이라 예상했지만, Codex는 첫 시도부터 정확히 구현함.

프롬프트 3 – 딥 스페이스 SF 터미널

Alien의 Nostromo와 2001: A Space Odyssey의 조합.
CRT 스캔 라인, 공허한 검은색 위에 빛나는 네온 텍스트, 레이더 그리드, HUD 오버레이. 스킬은 우주선 시스템 진단 형태로, 프로젝트는 기밀 임무 브리핑 형태로 표시. 연락 양식은 “Name” 대신 “SENDER IDENTIFICATION”이라고 라벨링. 숨겨진 이스터 에그도 요청함.

결과:

• CSS로 생성된 별 필드.
• 실제 타이핑 부팅 애니메이션.
• 네온 효과가 완벽히 균형을 이루어 – SF 느낌은 충분히 강하고, 일상 사용에도 가독성이 유지됨.
• 이스터 에그가 존재하고 정상 작동함.

프롬프트 4 – 픽셀 아트 / 마인크래프트 스타일

전체 웹사이트를 마인크래프트 인벤토리 화면처럼 디자인.
스킬을 3 × 2 인벤토리 슬롯 그리드에 배치하고, 마인크래프트 스타일 툴팁(진한 보라 배경, “LEGENDARY”와 같은 희귀도 태그) 적용. 프로젝트는 퀘스트 로그 항목으로 표시. 경험치를 “Level 8”로 나타내는 XP 바 포함.
부정 제약: “모든 애니메이션은 steps() 타이밍을 사용하고, image‑rendering: pixelated를 전역에 적용하며, 모든 아이콘은 CSS box‑shadow 픽셀 아트로 생성하고, 이미지 파일은 사용하지 말라.”

결과:

• 순수 CSS 픽셀 아트: 반복 그라디언트로 만든 블록 텍스처, 단계별 프레임 애니메이션.
• 인벤토리 슬롯이 정확히 구현되었고, 툴팁도 느낌 그대로.
• 숨겨진 크리퍼 이스터 에그가 포함됨.

실제로 나를 감동시킨 점

“스스로 생성했다”는 헤드라인은 충격적이지만, 세 가지 실용적인 요소가 나를 설득했습니다:

1. Negative prompting이 실제로 작동했다.
   나는 Codex에게 무엇을 만들지 말라는 것만이 아니라 하지 말아야 할 것을 명시했습니다. 일반적인 폰트 금지, 부드러운 그라디언트 금지, 카드 그리드 금지, “모든 포트폴리오가 갖는” 분위기 금지 등. 모델은 이를 따랐고, 각 결과물은 제약 덕분에 기본값에서 벗어나 독특한 개성을 가졌습니다.

2. 자산 생성이 진짜 좋았다.
   모든 프롬프트는 “시각 자산을 모두 생성 — 플레이스홀더 없이, 깨진 링크 없이”를 요구했습니다. Codex는 인라인 SVG, CSS 픽셀 아트, 코드로 생성된 별 필드, 손으로 그린 테두리 등을 제공했으며—모두 자체적으로 포함되어 외부 의존성이 없었습니다.

3. 속도와 토큰 효율성에 놀랐다.
   이것들은 단순한 프롬프트가 아니었습니다. 상세한 미적 방향, 열 개가 넘는 제약, 정확한 내용이 들어간 네 개의 페이지 섹션을 포함하고 있었으며, 모두 고‑추론 모드에서 실행되었습니다. 그럼에도 모델은 트렁케이션 없이 빠르게 처리했습니다.

더 큰 요점

모두가 존재론적 관점—시뮬레이션 이론, 재귀적 AI, “우리가 걱정해야 할까?”—에 집중하고 있습니다. 이런 질문들은 흥미롭지만, 우리 앞에 놓인 실질적인 진실을 놓치고 있습니다:

‘무언가를 상상하는 것’과 ‘그것이 실제로 존재하는 것’ 사이의 격차가 이제는 사라졌습니다.

나는 순수한 영어로 네 가지 시각적 스타일—진정한 디자인 감각이 필요한 스타일—을 설명했습니다. 그것들이 실현되었습니다. 완벽하진 않지만… (원문이 여기서 끊기지만 핵심 메시지는 그대로입니다).

맞아요. 하지만 남은 작업은 구축이 아니라 미세 조정입니다.

솔직히 말해서, 진짜 변화는 AI가 스스로를 만들 수 있는가가 아니라, 당신이 무엇을 만들 수 있게 하는가에 달려 있습니다.

• CSS를 한 번도 써본 적 없는 제품 매니저도 이제 비전을 설명하면 바로 구현된 모습을 볼 수 있습니다.
• 강력한 백엔드 스킬을 가진 개발자는 이제 손으로 직접 시도하기 힘든 시각적 방향을 탐색할 수 있습니다.
• 디자이너를 고용할 여유가 없는 프리랜서는 첫 클라이언트와의 통화 전에 네 가지 미학을 프로토타입할 수 있습니다.

이제 당신이 파일럿입니다. Codex는 그 배입니다. 그리고 스스로를 만든 배가? 꽤 잘 날아갑니다.

프롬프트

저는 네 개의 프롬프트를 모두 공유합니다 — 방향, 제약 조건, 사양이 모두 포함되어 있습니다. 직접 가져가서 Codex를 스트레스 테스트해 보세요.

Public GitHub Gist with all the prompts

몇 날 며칠과 무드 보드가 필요할 정도로 복잡한 무언가를 던져 보세요.

스스로를 만드는 데 도움을 준 모델이라면 아마도 당신의 랜딩 페이지도 처리할 수 있을 겁니다.

몇 가지 공지

당신을 위해 제가 만든 오픈‑소스 프로젝트를 확인해 보세요:

• Ukiyo‑tone – 고대 일본 기법에서 영감을 받은 테마.
• TerminalSnap – carbon.now.sh를 터미널용으로 만든 것! 문서와 블로그를 위한 아름다운 터미널 스크린샷을 만들 수 있습니다.

이 글이 마음에 드셨나요?

저는 Substack 뉴스레터 – Coffee, Code & AI에서 AI, 생산성, 그리고 코드에 대해 씁니다. 호기심 많은 사람들과 함께하면 이런 내용들을 더 많이 받아볼 수 있습니다.

🔗 지금 구독하기 그리고 업데이트를 놓치지 마세요!