# 스크린샷 캡처 가이드 (061-070)

이 폴더는 디자인 분석 사이트들의 스크린샷을 저장하는 곳입니다.

## 자동 캡처 시도 결과

Playwright MCP를 사용한 자동 스크린샷 캡처를 시도했으나, 대부분의 사이트가 다음과 같은 이유로 접근이 제한되었습니다:

- Cloudflare 보안 체크
- 봇 탐지 시스템
- 지역 제한 (geo-blocking)
- 네트워크 보안 정책

## 수동 캡처 가이드

다음 사이트들의 스크린샷을 수동으로 캡처해주세요:

### 캡처 대상 사이트

1. **061.png** - Media.Monks
   - URL: https://www.media.monks.com/

2. **062.png** - Sagmeister & Walsh
   - URL: https://www.sagmeisterwalsh.com/

3. **063.png** - Collins
   - URL: https://www.collins.design/

4. **064.png** - WeAreCollins
   - URL: https://www.wearecollins.com/

5. **065.png** - Basic Agency
   - URL: https://www.basicagency.com/

6. **066.png** - GarageFarm
   - URL: https://www.garagefarm.net/

7. **067.png** - Unseen
   - URL: https://www.unseen.co/

8. **068.png** - Studio Dumbar
   - URL: https://www.studio-dumbar.com/

9. **069.png** - Koto
   - URL: https://koto.studio/

10. **070.png** - B-Reel
    - URL: https://www.b-reel.com/

## 캡처 방법

### 옵션 1: 브라우저 개발자 도구 사용

1. Chrome 또는 Firefox에서 사이트 방문
2. F12를 눌러 개발자 도구 열기
3. Ctrl+Shift+P (Mac: Cmd+Shift+P) 눌러 명령 팔레트 열기
4. "Capture full size screenshot" 입력 및 실행
5. 파일을 해당 번호로 저장 (예: 061.png)

### 옵션 2: 브라우저 확장 프로그램 사용

- **Full Page Screen Capture** (Chrome)
- **Fireshot** (Chrome/Firefox)
- **Nimbus Screenshot** (Chrome/Firefox)

### 옵션 3: macOS 내장 도구

1. Safari에서 사이트 열기
2. 파일 > Export as PDF
3. PDF를 이미지로 변환

### 옵션 4: 명령줄 도구

```bash
# Puppeteer를 사용한 스크린샷 (Node.js 필요)
node -e "
const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setViewport({ width: 1920, height: 1080 });
  await page.goto('URL_HERE');
  await page.screenshot({ path: 'screenshots/061.png', fullPage: true });
  await browser.close();
})();
"
```

## 스크린샷 사양

- **형식**: PNG
- **권장 너비**: 1920px (데스크톱 뷰)
- **타입**: Full page screenshot (전체 페이지)
- **명명 규칙**: {번호}.png (예: 061.png, 062.png)

## 참고사항

HTML 파일들은 이미 완성되어 있으며, 스크린샷은 참고용입니다. 스크린샷이 없어도 HTML 파일의 프롬프트를 사용하여 디자인 분석이 가능합니다.