에이전트 활용 사례
Views —

에이전트 활용 사례

오늘 등록된 사례

44전체 189건

189개 중 1–20개

개발·코딩구현 예제

긴 제목 때문에 모바일 화면이 옆으로 밀리는 오류 고치기

Markdown 도구의 긴 식별자 제목이 가로 스크롤을 만들자, Claude Code로 제목 줄바꿈 처리를 고쳤어요.

Claude Code

사용법

  1. Simon Willison의 Markdown SVG 도구에는 공백 없는 긴 문자열이 제목에 들어올 수 있어요.
  2. 공개 커밋은 이런 제목이 모바일 가로 스크롤을 만들지 않도록 줄바꿈 처리를 바꿨어요. Claude Code 세션 링크도 함께 남겼어요.

결과

모바일 제목 넘침을 수정한 코드 변경이 10월 18일 커밋에 기록돼 있어요.

참고사항

커밋의 문제 설명과 변경을 근거로 정리했어요. 사이트의 모든 모바일 레이아웃이 검증됐다는 뜻은 아니에요.

출처

GitHub 원문 ↗

예시 프롬프트 · Claude Code

목표: 긴 제목 때문에 모바일 화면이 옆으로 밀리는 오류 고치기.

입력·환경: [문제가 있는 페이지], [긴 제목 재현 문자열], [모바일 화면 너비], [기존 스타일 파일].

참고 원문: https://github.com/simonw/tools/commit/9a09bb60bb712fcd849af497d4dfc5ff62de9268

제목에 긴 식별자가 들어가면 페이지가 옆으로 밀리는 문제를 재현하고 수정해 주세요. 먼저 실제 넘침을 만드는 요소와 적용된 CSS를 확인하세요. 제목은 읽을 수 있게 줄바꿈하고 코드 블록이나 표의 기존 가로 스크롤 동작은 구분해 유지하세요. 변경을 작은 패치로 만들고 수정 전후 화면과 확인한 너비를 기록하세요.

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

검증: 공백 없는 긴 문자열, 일반 문장, 한글 제목을 좁은 화면과 데스크톱에서 확인하세요. 문서 전체의 가로 넘침이 사라졌는지 측정하고 다른 요소가 잘리거나 글자가 겹치지 않는지 보세요.

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