에이전트 활용 사례
Views —

에이전트 활용 사례

오늘 등록된 사례

44전체 189건

189개 중 1–20개

마케팅·디자인구현 예제

휴대폰에서도 사진과 자르기 영역을 따로 움직이게 고치기

사진 자르기 도구에서 터치가 잘못 잡히던 문제를 Claude Code로 고치고 확대 버튼과 배경색 선택도 손봤어요.

Claude Code

사용법

  1. 사진을 움직일지 자르기 틀을 움직일지 고르는 버튼을 추가했어요. 한 손가락 이동과 두 손가락 확대 동작도 나눴어요.
  2. 모바일에서 자르기 틀이 터치를 가로채는 문제를 확인하고, 선택한 모드에 따라 터치가 전달되는 대상을 바꿨어요.
  3. 확대 버튼을 누르고 있으면 계속 확대되도록 고쳤고, 사진 가장자리 색이 고르면 배경색의 기본값으로 쓰게 했어요.

결과

공개 PR에 수정 과정과 Claude Code 세션이 기록돼 있어요. 결과는 소셜 이미지 자르기 도구에 반영됐어요.

참고사항

제작자의 변경 기록을 확인했으며 실제 휴대폰 조작을 독립 재현하지는 않았어요.

출처

GitHub 원문 ↗

예시 프롬프트 · Claude Code

목표: 휴대폰에서도 사진과 자르기 영역을 따로 움직이게 고치기.

입력·환경: [사진 자르기 도구 저장소], [테스트 이미지], [출력 비율], [지원할 휴대폰 브라우저].

참고 원문: https://github.com/simonw/tools/commit/152fd93b7a6fdd3447ec55798e54dbef1630b911

공개 수정 사례를 참고해 모바일 사진 자르기 도구의 조작을 개선해 주세요. 사진 이동과 자르기 영역 이동을 명시적으로 선택하게 하고 한 손가락 이동과 두 손가락 확대가 충돌하지 않게 구현하세요. 확대 버튼을 길게 눌렀을 때와 처음 눌렀을 때 배율이 튀지 않는지도 확인하세요. 배경색 자동 선택은 사용자가 고른 색을 덮어쓰지 않아야 합니다. 수정 코드와 재현 절차를 남겨 주세요.

원문에 없는 계정 연결 방식이나 성과는 추측하지 말고, 필요한 설정과 실행 순서를 먼저 알려 주세요. 기존 자료를 보존할 작업 사본에서 시작하고, 접근할 수 없는 항목은 확인이 필요하다고 표시하세요.

검증: 자르기 영역이 화면 대부분을 차지하는 사진으로 두 이동 모드를 시험하세요. 확대·축소 뒤 다운로드한 이미지의 구도와 비율이 미리보기와 같은지 확인하세요.

결과물과 함께 사용한 입력, 실행 기록, 확인한 결과를 정리해 주세요. 실패하거나 아직 실행하지 않은 부분은 완료한 작업과 구분해 주세요.