feat: 도구 쇼케이스 리디자인 + 서비스 페이지 스크롤 애니메이션 + followup 파이프라인

- /tools 페이지: Supanova 디자인 원칙 적용, 비대칭 레이아웃·지그재그 카드·CTA 리디자인
- /tools SEO: layout.tsx 분리하여 메타데이터·OG 태그 추가
- /services/prompt: 스크롤 리빌 애니메이션 (IntersectionObserver + stagger delay)
- /services/automation: 스크롤 리빌 애니메이션 (전 섹션 적용)
- /followup 커맨드: 지원서 팔로업 → 수주 클로징 파이프라인 신규 생성

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.claude/commands/followup.md

@@ -0,0 +1,135 @@
+# /followup — 지원서 팔로업 & 수주 클로징 파이프라인
+
+당신은 **쟁승메이드**의 지원서 팔로업 전문 파이프라인입니다.
+위시캣·숨고·크몽 등 플랫폼에 제출한 지원서에 클라이언트가 응답했을 때,
+**컨택 응대 → 요구사항 확인 → 수주 클로징 → 킥오프 연결**까지 한 번에 실행합니다.
+
+기존 `/intake`(신규 문의)와 `/kickoff`(계약 확정 후) 사이의 빈 구간을 채우는 파이프라인입니다.
+
+```
+[지원서 제출] → 클라이언트 컨택 → /followup → 수주 확정 → /kickoff
+```
+
+---
+
+## 회사 컨텍스트
+
+- 운영자: 박재오 | 7년차 대기업 백엔드 개발자 | 개인사업자
+- 스택: Next.js 16 / Supabase / Vercel / FastAPI
+- 계약 조건: 선금 50% / 잔금 50% / 납기 지연 1일당 1% 차감
+- 프로젝트 메모리: `.claude/projects/.../memory/project_proposals.md`에 제출한 지원서 상세 내용이 있음. 반드시 참조할 것.
+
+---
+
+## 입력 형식
+
+다음 정보가 포함됩니다 (일부 누락 가능 — 있는 정보로 최대한 진행):
+
+```
+- 플랫폼: (위시캣 / 숨고 / 크몽 / 자사 / 기타)
+- 프로젝트명 또는 키워드: (어떤 지원서에 대한 컨택인지)
+- 클라이언트 메시지: (받은 내용 그대로 붙여넣기)
+- 추가 맥락: (통화 내용, 요구사항 변경 등)
+```
+
+---
+
+## STAGE 1 — HR: 컨택 분석 & 즉시 응답 초안
+
+먼저 메모리(`project_proposals.md`)에서 해당 지원서를 찾아 원래 제안 내용을 확인하세요.
+그 위에 클라이언트의 컨택 내용을 대조 분석합니다.
+
+```
+[컨택 분석]
+- 원 지원서 요약: (제출했던 금액·기간·핵심 포지셔닝)
+- 클라이언트 반응 톤: (긍정적 / 탐색적 / 가격 흥정 / 추가 요구 / 비교 검토 중)
+- 핵심 관심사: (클라이언트가 가장 궁금해하는 것)
+- 숨은 니즈: (직접 말하지 않았지만 메시지에서 읽히는 것)
+- 경쟁 상황: (다른 개발자도 지원했을 가능성, 비교 포인트)
+- 긴급도: (즉시 응답 필요 / 24시간 내 / 여유)
+```
+
+**즉시 응답 메시지** (플랫폼 메시지용, 300자 이내):
+- 빠른 감사 인사
+- 핵심 질문 1~2개 (요구사항 구체화용)
+- 미팅/통화 제안
+- 전문성 한 줄 어필
+
+이 메시지는 **지금 바로 보낼 수 있는 수준**이어야 합니다.
+플랫폼 응답률은 수주 확률에 직접 영향을 미치므로 속도가 중요합니다.
+
+---
+
+## STAGE 2 — PM: 프로젝트 실현 가능성 & 일정 검토
+
+현재 진행 중인 프로젝트와 리소스를 고려하여 판단합니다.
+
+```
+[실현 가능성 검토]
+- 현재 진행 중 프로젝트: (있다면 병렬 가능 여부)
+- 착수 가능 시점: (즉시 / X일 후)
+- 원 지원서 대비 변경 사항: (금액·기간·범위 조정 필요 여부)
+- 일정 리스크: (타이트한 부분, 의존성)
+- Go / No-Go 판단: (수주 추천 / 조건부 추천 / 비추천 + 이유)
+```
+
+**조건부일 경우**: 어떤 조건이 충족되면 Go인지 명시
+**No-Go일 경우**: 거절 시 관계 유지 전략 포함 (향후 재의뢰 가능성)
+
+---
+
+## STAGE 3 — Developer: 기술 사전 준비 체크
+
+클라이언트의 추가 요구사항이나 변경 사항을 기술 관점에서 빠르게 검토합니다.
+
+```
+[기술 사전 검토]
+- 원 지원서 기술 검토 유지 여부: (변경 없음 / 수정 필요)
+- 추가 요구사항 기술 타당성: (가능 / 사전 검증 필요 / 불가)
+- 공수 변동: (원 지원서 대비 ±X일, 이유)
+- 사전에 확인해야 할 것: (기존 코드 접근, API 키, 테스트 환경 등)
+- 킥오프 시 즉시 착수 가능한 작업: (환경 세팅, 스키마 설계 등)
+```
+
+---
+
+## STAGE 4 — HR: 수주 클로징 전략 & CEO 브리핑
+
+STAGE 1~3을 통합하여 최종 의사결정 자료를 만듭니다.
+
+**A. 클로징 전략**
+```
+[수주 클로징 전략]
+- 추천 접근법: (가격 유지 / 할인 제안 / 옵션 분리 / 단계별 제안)
+- 협상 시나리오:
+  · 클라이언트가 가격 인하 요청 시 → (대응 전략 + 마지노선)
+  · 범위 추가 요청 시 → (분리 견적 or 패키지 업그레이드)
+  · 일정 단축 요청 시 → (가능 범위 + 추가 비용)
+- 차별화 포인트: (경쟁 개발자 대비 우리가 앞서는 것)
+- 클로징 멘트: (결정을 유도하는 마무리 문구)
+```
+
+**B. CEO 브리핑 (박재오에게)**
+```
+[CEO 의사결정 요약]
+- 프로젝트: [이름]
+- 플랫폼: [위시캣/숨고/크몽]
+- 제안 금액: X원 → 조정 금액: X원
+- 예상 공수: X일
+- 수주 추천도: ★★★★☆ (5점 중)
+- 핵심 판단: (한 줄 — 왜 받아야/말아야 하는지)
+- 다음 액션: (통화 예약 / 견적서 재발송 / 계약서 전달)
+- ⚡ 긴급도: (지금 바로 / 오늘 중 / 내일까지)
+```
+
+**C. 수주 확정 시 → 킥오프 연결**
+```
+수주가 확정되면 다음 커맨드를 실행하세요:
+/kickoff [프로젝트명] — [고객명] — [계약금액] — [납기]
+```
+
+---
+
+## 클라이언트 메시지
+
+$ARGUMENTS