refactor: Renumber skills 00→10, 01→11 for consistent numbering
- Rename 00-ourdigital-visual-storytelling to 10-ourdigital-visual-storytelling - Rename 01-ourdigital-research-publisher to 11-ourdigital-research-publisher - Update CLAUDE.md with new skill numbering and add skill 12 (seo-audit) - Skill count updated from 8 to 9 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,168 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user