# OurDigital Visual Storytelling Skill

## 📦 스킬 구조

```
ourdigital-visual-storytelling/
├── SKILL.md                          # 메인 스킬 파일
├── scripts/                           
│   ├── generate_prompt.py            # 프롬프트 자동 생성
│   └── mood_calibrator.py            # 무드 파라미터 조정
└── references/                        
    ├── visual_metaphors.md           # 시각적 메타포 사전
    ├── color_palettes.md             # 컬러 팔레트 가이드  
    └── advanced_techniques.md        # 고급 테크닉 레퍼런스
```

## 🚀 Claude Skills 설치 방법

### 방법 1: Claude Projects에서 사용
1. Claude.ai에서 새 Project 생성
2. Project Settings → Skills → Add Custom Skill
3. `ourdigital-visual-storytelling` 폴더 전체 업로드
4. 스킬 활성화

### 방법 2: MCP Server로 사용
1. 스킬 폴더를 MCP skills 디렉토리로 이동:
   ```bash
   cp -r ourdigital-visual-storytelling /path/to/mcp/skills/user/
   ```
2. MCP 서버 재시작
3. Claude에서 스킬 자동 인식

### 방법 3: 수동 활용
1. SKILL.md 내용을 Claude 대화에 직접 붙여넣기
2. 필요시 scripts와 references 내용 참조

## 💡 사용 예시

### 기본 사용법
```
"AI와 인간 정체성의 혼재에 대한 철학적 에세이를 위한 featured image를 만들어줘"
```

### 스크립트 활용
```bash
# 프롬프트 생성
python scripts/generate_prompt.py \
  --topic "초개인화 시대의 자아" \
  --mood "contemplative" \
  --metaphor "거울 속 분산된 얼굴"

# 무드 조정
python scripts/mood_calibrator.py \
  --preset philosophical_essay \
  --contemplative-depth 0.95
```

### 다양한 변형 생성
```bash
python scripts/generate_prompt.py \
  --topic "SEO의 미래" \
  --variations 3 \
  --json
```

## 📊 스킬 활용 시나리오

### 1. 철학적 에세이
- **주제**: 디지털 시대의 자아 정체성
- **무드**: philosophical_essay 프리셋
- **메타포**: 프리즘을 통한 빛의 분산
- **컬러**: 모노크롬 + 골드 액센트

### 2. 기술 비평
- **주제**: AI 검색의 등장과 SEO의 변화
- **무드**: technical_analysis 프리셋  
- **메타포**: 유기적 네트워크가 결정화되는 과정
- **컬러**: 쿨톤 블루-그레이 + 디지털 그린

### 3. 사회 논평
- **주제**: 소셜미디어와 평판 경제
- **무드**: social_commentary 프리셋
- **메타포**: 에코 체임버 속 고립된 인간 형상
- **컬러**: 무채색 + 퍼플 액센트

## 🎨 생성된 프롬프트 예시

### 입력
```python
topic = "초개인화 시대의 선택의 역설"
mood = "contemplative"
metaphor = "무한한 문들 앞의 정지된 실루엣"
```

### 출력
```
Create a sophisticated featured image, minimalist contemporary design, 
clean vector illustration with subtle texture overlays, 1200x630px, 
suitable for blog header for blog post about 초개인화 시대의 선택의 역설.

Visual concept: 무한한 문들 앞의 정지된 실루엣.

Atmosphere: contemplative and introspective atmosphere, zen-like calm.
Colors: monochrome palette with single accent color.

Composition:
- Highly abstract interpretation
- Minimum 20% negative space for contemplative breathing room
- Asymmetrical balance with strong geometric structure
- balanced integration of Korean minimalist aesthetics with Western modernism

Technical notes:
- Ensure clarity at thumbnail size (200px)
- Avoid tech clichés (circuits, binary codes)
- No stock photo aesthetics or literal interpretations
- Timeless design that won't date quickly

Aesthetic reference: Combine Bauhaus principles with Agnes Martin's 
contemplative minimalism.
```

## 🔧 커스터마이징

### 파라미터 조정
```python
# mood_calibrator.py에서 새 프리셋 추가
"custom_preset": {
    "contemplative_depth": 0.9,
    "cultural_fusion": 0.8,  
    "technical_precision": 0.5,
    "emotional_weight": 0.6,
    "innovation_index": 0.8
}
```

### 메타포 확장
`references/visual_metaphors.md`에 새로운 개념 추가:
```markdown
| 새개념 | 주요 메타포 | 대체 시각 |
|--------|------------|-----------|
| 메타버스 | 평행 유리면 | 중첩된 현실층 |
```

## 📈 성과 측정

### 품질 평가 기준
- **개념 전달**: 에세이의 핵심을 포착했는가? (30%)
- **독창성**: 독특한 관점을 제시하는가? (25%)
- **실행력**: 기술적 완성도는? (20%)
- **감정 공명**: 의도한 감정을 불러일으키는가? (15%)
- **지속성**: 시간이 지나도 유효한가? (10%)

## 🤝 기여 가이드

### 개선 제안
- Issue 생성: 새로운 메타포나 스타일 제안
- Pull Request: 스크립트 개선이나 레퍼런스 추가
- 피드백: 실제 사용 사례와 결과 공유

## 📝 라이센스

MIT License - 자유롭게 사용, 수정, 배포 가능

---

**Created for OurDigital blogs**  
*"사람, 디지털, 그리고 문화"의 시각적 내러티브*  
https://ourdigital.org | https://journal.ourdigital.org