r/ClaudeCode•약 1개월 전•24•77논쟁
다들 Claude Code로 UI 수정할 때 어떻게 처리함?
How do you guys actually deal with UI fixes in Claude Code?
핵심 요약
Claude Code를 활용한 UI 수정 시 발생하는 자잘한 문제들을 효율적으로 해결하기 위한 다양한 워크플로우와 노하우를 공유하는 글입니다.
- UI 수정 방식 — 스크린샷 활용, Playwright 연동, 디자인 시스템 구축 등 다양한 해결책 제시
- AI 한계 — LLM이 UI의 미세한 간격이나 정렬을 완벽하게 맞추기 어려워하는 문제 언급
- 워크플로우 최적화 — 디자인 파일(Figma) 활용, 명확한 기술적 용어 사용, 자동화된 테스트 도입
에이전트 쓰면서 제일 짜증 나는 부분이 바로 이거임.
페이지 거의 다 만들었다 싶어서 막상 뜯어보면 자잘하게 거슬리는 게 한두 개가 아님. 간격 안 맞고, 정렬 이상하고, 버튼은 쓸데없이 크고, 모바일에서 보면 모양 빠지고 뭐 이런 것들.
지금은 보통 스크린샷 찍어서 하나하나 설명하거나, 그냥 리스트로 쫙 적어서 보내거든.
너네는 어떻게 함?
그냥 Claude한테 다 설명함? 아니면 스크린샷 붙여넣기 함? 아니면 Playwright나 브라우저 툴 써서 주석 달아줌? 아니면 뭐 다른 방법 있음?
버그 하나 터지는 거 말고, 시각적인 수정 사항 10개씩 쏟아질 때 다들 어떻게 처리하는지 궁금함.
