AI에게 디자인을 계속 설명하는 대신 실제 React 화면 76개를 HTML로 뽑았다
반복되는 AI 디자인 피드백 대신 실제 React 앱의 38개 UI 상태를 desktop/mobile 각각 standalone HTML로 추출했다. 새 mock을 만드는 대신 현재 제품을 editable projection으로 바꿔 human visual review 비용을 낮춘 과정을 정리한다.
TOPIC / Human-in-the-loop
Human-in-the-loop
이 주제와 연결된 구현, 운영, 설계 결정과 회고를 모아 봅니다.
디자인은 맞았는데 구현하면서 다른 제품이 됐다
AI가 디자인을 구현하는 과정에서 visual detail보다 더 쉽게 사라지는 것은 global/local hierarchy, interaction identity, route semantics 같은 의미였다. 디자인 의도를 implementation contract로 보존하는 방법을 PhotoGram 사례로 정리한다.
자동 테스트가 통과해도 디자인은 통과한 게 아니었다
빌드와 브라우저 테스트가 모두 통과한 UI가 실제로는 부자연스러웠다. 기술적 correctness와 perceptual coherence를 분리하고, AI의 첫 구현과 Human review 사이에 self-review를 넣게 된 과정을 정리한다.
AI와 개발하면서 내가 직접 코드를 덜 쓰게 된 대신 더 많이 하게 된 일들
코드를 직접 쓰는 시간은 줄었는데 개발한다는 감각은 오히려 강해졌다. CharaWeave와 workspace-ops를 만들던 하루를 돌아보며 AI가 구현량을 맡은 뒤 내가 더 많이 하게 된 일을 정리했다.
여러 AI를 쓴다고 AI Gateway가 필요한 건 아니었다
여러 AI를 하나의 최적 응답으로 수렴시키는 대신, 서로 다른 관점을 의도적으로 보존하고 충돌시킨 뒤 실제 실행 단계에서 강하게 통제하는 개발 방식을 정리한다.