Claude Code는 그림판(MS Paint)에서 그림 그리는 법을 배울 수 있을까?

• •목표 이미지를 분석하고 JS Paint URL로 이동하여 작업을 시작함
• •스크린샷 도구를 활용해 실시간 작업 결과와 원본을 비교하는 피드백 루프 구축
• •유사도 95% 달성을 종료 조건으로 설정하여 자율적 개선 유도

Vibe Coding은 엄격한 설계 대신 LLM이 반복적인 시도와 테스트를 통해 최적의 결과물을 찾아가는 방식을 의미한다.

• •Claude Code 2.1.74 버전과 Opus 4.6 모델을 기반으로 실험 진행
• •브라우저 탐색, 스크린샷 캡처, 마우스 제어를 위한 커스텀 도구 연결
• •에이전트가 직접 캔버스 정보를 읽고 그리기 로직을 생성하도록 유도

CDP(Chrome DevTools Protocol)는 크롬 브라우저의 내부 기능을 외부에서 제어하기 위한 프로토콜이다.

• •이미지 분석을 통해 배경색, 인물(Stick figure), 낚싯대 등의 요소를 식별함
• •Canvas 2D API와 유사한 방식으로 좌표를 계산하여 브러시 경로 생성
• •반복적인 실행을 통해 원본과 유사한 색상 조합 및 레이아웃 구현

• •픽셀 단위 비교 툴을 직접 작성하여 원본과의 유사도를 수치화(78.1%에서 시작)
• •시각적 피드백을 통해 글자의 방향 및 겹침 문제를 자율적으로 해결
• •최종적으로 95.1%의 유사도를 달성하며 작업을 종료함

폴리곤 경로는 여러 개의 점을 연결하여 복잡한 다각형 형태를 만드는 방식이다.

• •임파스토(Impasto) 기법과 유사한 질감 표현을 위해 다중 레이어 스트로크 적용
• •연필 및 숯(Charcoal) 스타일을 모방한 쉐이딩(Shading) 로직 구현
• •수천 개의 좌표 점을 포함하는 대규모 스크립트를 생성하여 디테일 확보

에이전트가 특정 작업 패턴을 'Skill'로 저장하면 향후 유사한 작업에서 이를 재사용할 수 있다.