# task: [P0 블로커] satori-cardnews "광고 배너 금지" 규칙 근거 확인 + CSS 그라디언트 배너 POC

## 배경 (task-1199.1 에이전트 미팅 10사이클 결론)
광고 배너 디자인 6번 실패의 근본 원인 해결을 위해, AI 포토리얼 배경을 폐기하고 CSS 소프트 그라디언트 + 타이포 중심 디자인으로 전환 확정.

그런데 satori-cardnews 스킬에 "광고 배너 금지" 규칙이 있는 것으로 확인됨.
이 규칙이 CSS 그라디언트 배경 기반 배너에도 적용되는지 확인 필수 — P0 블로커.

## 조사 사항

### 1. satori-cardnews 규칙 확인
- `/home/jay/workspace/skills/satori-cardnews/SKILL.md` 읽기
- `/home/jay/workspace/teams/design/CLAUDE.md`에서 satori 관련 규칙 확인
- "광고 배너 금지"가 정확히 어떤 맥락에서 어떤 이유로 설정됐는지 확인

### 2. satori로 CSS 그라디언트 배너 가능 여부 판단
- satori는 HTML/CSS → SVG → PNG 변환 엔진
- CSS linear-gradient, radial-gradient 배경 위에 텍스트를 올리는 것이 기술적으로 가능한지
- 이미지(AI 포토리얼) 없이 **순수 CSS + 텍스트만**으로 1080x1080 배너를 만들 수 있는지

### 3. POC (Proof of Concept) 제작
미팅에서 확정된 **Slide 1** 설계로 POC 1장 제작:
- 배경: CSS linear-gradient `#1a2a3a → #1e3a5f`
- 텍스트: "열심히는 하는데, 월급은 제자리걸음?" (64px/800)
- CTA: "다른 방법이 있다는 걸 아세요? →" (하단)
- 사이즈: 1080x1080px
- 스킬: satori-cardnews 사용 시도. 안 되면 hybrid-image의 HTML 렌더링만 사용 (AI 배경 없이)

### 4. POC 결과 보고
- 성공: satori로 CSS 그라디언트 배너 제작 가능 → v7 전체 제작 진행 가능
- 실패: 대안 도구 제시 (Playwright HTML→PNG 등)
- 산출물: POC 이미지 1장 (`/home/jay/workspace/output/meta-ads/angle-A/v7-poc/slide-01-poc.png`)

## 참고
- 미팅 기록: `/home/jay/workspace/memory/meetings/task-1199.1-cycle{1-10}.md`
- 미팅 보고서: `/home/jay/workspace/memory/reports/task-1199.1.md`
- satori 엔진: `/home/jay/workspace/tools/ai-image-gen/satori-test/`