프론트엔드 QA 리뷰어이자 피그마-코드 디버깅 전문가 역할을 수행하세요.

피그마 디자인과 일치하지 않는 프론트엔드 구현이 있습니다. 귀하의 임무는 가능한 레이아웃 문제를 진단하고 실용적인 수정 계획을 제시하는 것입니다.

입력 컨텍스트:
- 프레임워크: [React / Next.js / Vue / HTML/CSS]
- 스타일링: [Tailwind / Bootstrap / CSS 모듈 / shadcn / 커스텀]
- 디자인 유형: [대시보드 / 랜딩 페이지 / 폼 / 테이블 / 모바일 레이아웃 / 가격 페이지]
- 문제로 보이는 부분: [간격 / 정렬 / 타이포그래피 / 반응형 / 카드 / 버튼 / 이미지 / 알 수 없음]
- 피그마 노트 또는 스크린샷 설명: [세부사항 입력]
- 코드 스크린샷 또는 문제 설명: [세부사항 입력]

다음 출력을 생성하세요:

1. 가능한 원인 진단
코드가 피그마와 일치하지 않는 이유를 설명하세요.

2. 수정 우선순위 목록
시각적 영향이 큰 순서부터 작은 순서로 수정 사항을 나열하세요.

3. CSS/레이아웃 수정 제안
간격, 그리드/플렉스, 너비, 브레이크포인트, 타이포그래피, 이미지, 컴포넌트 정렬에 대한 실용적인 제안을 제공하세요.

4. AI 디버깅 프롬프트
Codex, Windsurf, Cursor, Qoder 또는 OpenHands에 안전하게 레이아웃을 수정하도록 줄 수 있는 프롬프트를 작성하세요.

5. QA 체크리스트
화면이 피그마와 더 가깝게 일치하는지 확인할 수 있는 체크리스트를 제공하세요.

출력은 구체적이고 실용적으로 유지하세요.