our-claude-skills/custom-skills/02-ourdigital-designer

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 디렉토리로 이동:

   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를 만들어줘"

스크립트 활용

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

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

다양한 변형 생성

python scripts/generate_prompt.py \
  --topic "SEO의 미래" \
  --variations 3 \
  --json

📊 스킬 활용 시나리오

1. 철학적 에세이

• 주제: 디지털 시대의 자아 정체성
• 무드: philosophical_essay 프리셋
• 메타포: 프리즘을 통한 빛의 분산
• 컬러: 모노크롬 + 골드 액센트

2. 기술 비평

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

3. 사회 논평

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

🎨 생성된 프롬프트 예시

입력

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.

🔧 커스터마이징

파라미터 조정

# 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에 새로운 개념 추가:

| 새개념 | 주요 메타포 | 대체 시각 |
|--------|------------|-----------|
| 메타버스 | 평행 유리면 | 중첩된 현실층 |

📈 성과 측정

품질 평가 기준

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

🤝 기여 가이드

개선 제안

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

📝 라이센스

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

---

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