Initial commit: Claude Skills Factory with 8 refined custom skills

Custom Skills (ourdigital-custom-skills/): - 00-ourdigital-visual-storytelling: Blog featured image prompt generator - 01-ourdigital-research-publisher: Research-to-publication workflow - 02-notion-organizer: Notion workspace management - 03-research-to-presentation: Notion research to PPT/Figma - 04-seo-gateway-strategist: SEO gateway page strategy planning - 05-gateway-page-content-builder: Gateway page content generation - 20-jamie-brand-editor: Jamie Clinic branded content GENERATION - 21-jamie-brand-guardian: Jamie Clinic content REVIEW & evaluation Refinements applied: - All skills converted to SKILL.md format with YAML frontmatter - Added version fields to all skills - Flattened nested folder structures - Removed packaging artifacts (.zip, .skill files) - Reorganized file structures (scripts/, references/, etc.) - Differentiated Jamie skills with clear roles 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-10 17:56:04 +09:00
commit 341d5f5a5b
498 changed files with 102813 additions and 0 deletions
--- a/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/advanced_techniques.md
+++ b/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/advanced_techniques.md
@@ -0,0 +1,214 @@
+# Advanced Visual Techniques
+
+Sophisticated methods for complex visual narratives.
+
+## Metaphor Layering
+
+### Three-Layer Structure
+```
+Layer 1: Immediate visual (what viewer sees first)
+Layer 2: Symbolic meaning (conceptual understanding)  
+Layer 3: Philosophical depth (deeper reflection)
+
+Example: "Digital Identity Crisis"
+L1: Fragmented mirror with face
+L2: Multiple reflections = multiple online personas
+L3: Question of authentic self in digital age
+```
+
+### Transition States
+Show transformation between concepts:
+- **Discrete**: Clear before/after states
+- **Continuous**: Gradient transformation
+- **Recursive**: Self-referential loops
+- **Parallel**: Simultaneous states
+
+## Composition Dynamics
+
+### Sacred Geometry Applications
+
+**Golden Spiral**
+```python
+# Place key elements along spiral path
+phi = 1.618
+spiral_points = [(r * cos(θ), r * sin(θ)) 
+                  where r = phi^(θ/2π)]
+```
+
+**Rule of Triangles**
+- Stable: Base down △
+- Unstable: Point down ▽
+- Dynamic: Multiple overlapping
+
+**Grid Breaking**
+- Start with rigid grid
+- Selectively break for emphasis
+- Maintain overall structure
+
+### Negative Space as Active Element
+
+Use empty space to:
+1. Create secondary images
+2. Guide eye movement
+3. Represent absence/loss
+4. Provide breathing room
+5. Suggest the ineffable
+
+## Cultural Symbolism Integration
+
+### Korean Elements (Subtle)
+- **Ma (마/間)**: Pregnant emptiness
+- **Jeong (정)**: Emotional bonds as visual threads
+- **Han (한)**: Melancholic beauty in shadows
+- **Nunchi (눈치)**: Implied awareness in composition
+
+### Western Elements (Structural)
+- **Bauhaus**: Function drives form
+- **Swiss Grid**: Underlying order
+- **Brutalism**: Raw honesty
+- **Minimalism**: Essential only
+
+### Fusion Techniques
+```
+Korean softness + Western structure =
+- Geometric forms with organic edges
+- Grid with breathing spaces
+- Minimal palette with emotional depth
+- Clean lines with textural warmth
+```
+
+## Texture Integration
+
+### Digital Textures
+- **Glitch**: Controlled chaos, disruption
+- **Grain**: Film nostalgia, warmth
+- **Pixels**: Digital breakdown, transformation
+- **Code**: Underlying structure revealed
+
+### Organic Textures
+- **Paper**: Tangible, traditional
+- **Water**: Flow, change, transparency
+- **Stone**: Permanence, weight
+- **Cloud**: Ethereal, transient
+
+### Hybrid Approach
+```css
+/* Layer organic over digital */
+base: clean_vector;
+overlay: paper_texture at 15% opacity;
+accent: digital_grain at edges;
+```
+
+## Color Psychology Advanced
+
+### Emotional Journey Mapping
+```
+Start → Middle → End
+Cold Blue → Neutral Gray → Warm Gold
+(Analysis) → (Process) → (Understanding)
+```
+
+### Color Dissonance for Tension
+- Complementary colors at borders
+- Unexpected accent in monochrome
+- Temperature shift for emphasis
+
+### Cultural Color Codes
+- Red in Korea: More passionate than West
+- White in Korea: Death/purity duality
+- Black: Universal depth, different meanings
+
+## Temporal Narrative Techniques
+
+### Static Image, Dynamic Story
+1. **Past-Present-Future**: Three zones in composition
+2. **Cycle Representation**: Circular time
+3. **Erosion/Growth**: Time's effect
+4. **Palimpsest**: Layers of history
+
+### Motion Implied in Stillness
+- Blur suggesting movement
+- Repetition showing progression
+- Fragments indicating explosion
+- Spiral showing evolution
+
+## Abstraction Gradients
+
+### Level 1: Recognizable (0.3 abstract)
+- Clear objects with stylization
+- Obvious metaphors
+- Direct symbolism
+
+### Level 2: Suggestive (0.6 abstract)
+- Forms hint at objects
+- Metaphors require thought
+- Symbolism is layered
+
+### Level 3: Conceptual (0.9 abstract)
+- Pure form and color
+- Metaphors are felt
+- Symbolism is philosophical
+
+## Technical Excellence
+
+### File Optimization
+```bash
+# ImageMagick optimization
+convert input.png \
+  -quality 85 \
+  -strip \
+  -resize 1200x630 \
+  -colorspace sRGB \
+  output.webp
+```
+
+### Accessibility Checks
+- Contrast ratio: minimum 4.5:1
+- Color-blind safe palettes
+- Clear focal points
+- Alternative interpretations valid
+
+## Prompt Engineering Advanced
+
+### Complex Concept Formula
+```
+[PHILOSOPHICAL CONCEPT] through [NATURAL METAPHOR]
+ [TECHNICAL ELEMENT] suggesting [EMOTIONAL JOURNEY]
+ [CULTURAL REFERENCE] without cliché
+ [TEMPORAL ASPECT] in single frame
+= Sophisticated visual narrative
+```
+
+### Negative Prompting
+Always include what to avoid:
+- "No literal representations"
+- "Avoid tech clichés"
+- "No stock photo aesthetics"
+- "Exclude obvious symbols"
+
+## Quality Evaluation Matrix
+
+| Aspect | Weight | Evaluation Criteria |
+|--------|--------|-------------------|
+| Concept | 30% | Captures essay essence? |
+| Originality | 25% | Unique perspective? |
+| Execution | 20% | Technical excellence? |
+| Emotion | 15% | Evokes intended feeling? |
+| Timelessness | 10% | Will age well? |
+
+## Iteration Strategies
+
+1. **Generate 3 variations**: Different moods
+2. **A/B test concepts**: Literal vs abstract
+3. **Color studies**: Warm vs cool
+4. **Composition alternatives**: Central vs offset
+
+## Cultural Sensitivity Checklist
+
+- [ ] Avoids stereotypes
+- [ ] Respects both traditions
+- [ ] Universal symbolism
+- [ ] Inclusive imagery
+- [ ] Cross-cultural readable
+
+Remember: Every image is a visual philosophy—not decoration, but thought.
--- a/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/color_palettes.md
+++ b/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/color_palettes.md
@@ -0,0 +1,147 @@
+# Color Palette Reference
+
+Emotion-driven color systems for OurDigital visual storytelling.
+
+## Core Palettes
+
+### Contemplative Analysis
+```
+Primary:   #2C3E50  Deep Blue-Gray
+Secondary: #95A5A6  Cool Gray  
+Accent:    #E74C3C  Sharp Red
+Background:#F8F9FA  Soft White
+Usage: Critical thinking, analytical pieces
+```
+
+### Hopeful Exploration
+```
+Primary:   #F39C12  Warm Amber
+Secondary: #E8E2D5  Soft Beige
+Accent:    #3498DB  Sky Blue  
+Background:#FFF9F0  Warm White
+Usage: Future-oriented, optimistic content
+```
+
+### Philosophical Depth
+```
+Primary:   #1A1A1A  Near Black
+Secondary: #F5F5F5  Off White
+Accent:    #8B7355  Muted Gold
+Background:#FAFAFA  Pure White
+Usage: Deep thinking, timeless topics
+```
+
+### Social Commentary
+```
+Primary:   #34495E  Slate
+Secondary: #ECF0F1  Cloud
+Accent:    #9B59B6  Purple
+Background:#F7F8F9  Cool White
+Usage: Cultural observation, social critique
+```
+
+### Digital Anxiety
+```
+Primary:   #2F3640  Charcoal
+Secondary: #718093  Grey Blue
+Accent:    #44BD32  Digital Green
+Background:#F5F6FA  Ghost White
+Usage: Technology concerns, digital culture
+```
+
+## Gradient Formulas
+
+### Dawn (Hope/Beginning)
+```css
+linear-gradient(135deg, #667eea 0%, #764ba2 100%)
+```
+
+### Dusk (Reflection/End)
+```css
+linear-gradient(135deg, #f093fb 0%, #f5576c 100%)
+```
+
+### Digital Flow (Technology)
+```css
+linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)
+```
+
+### Organic (Nature/Human)
+```css
+linear-gradient(135deg, #fa709a 0%, #fee140 100%)
+```
+
+## Cultural Color Notes
+
+### Korean Traditional (오방색)
+- **청 (Blue-Green)**: #0C7B93 - Future, technology
+- **적 (Red)**: #C0392B - Warning, passion
+- **황 (Yellow)**: #F1C40F - Center, balance
+- **백 (White)**: #FFFFFF - Beginning, void
+- **흑 (Black)**: #000000 - Depth, unknown
+
+### Modern Minimal
+- **Primary**: Single strong color
+- **Support**: 90% grayscale
+- **Accent**: 10% vibrant touch
+
+## Emotional Temperature Map
+
+| Cool → Warm Scale | Hex Code | Emotional State |
+|------------------|----------|-----------------|
+| Ice | #E3F2FD | Detached analysis |
+| Cold | #90CAF9 | Objective observation |
+| Cool | #64B5F6 | Calm reflection |
+| Neutral | #42A5F5 | Balanced view |
+| Warm | #FFA726 | Human connection |
+| Hot | #FF7043 | Passionate engagement |
+| Fire | #F4511E | Urgent concern |
+
+## Accessibility Combinations
+
+### High Contrast (WCAG AAA)
+- Black (#000000) on White (#FFFFFF)
+- White (#FFFFFF) on Black (#000000)
+- Dark Blue (#003366) on Light Yellow (#FFFFCC)
+
+### Medium Contrast (WCAG AA)
+- Charcoal (#333333) on Light Gray (#F5F5F5)
+- Navy (#2C3E50) on Cream (#FFF8DC)
+
+## Application Rules
+
+1. **60-30-10 Rule**
+   - 60% dominant color (usually neutral)
+   - 30% secondary color (supporting)
+   - 10% accent color (attention)
+
+2. **Mood Matching**
+   - Technical → Cool spectrum
+   - Emotional → Warm spectrum
+   - Philosophical → Monochrome
+   - Social → Mixed temperature
+
+3. **Cultural Balance**
+   - Western: High contrast, bold
+   - Korean: Subtle gradation, harmony
+   - Fusion: Selective contrast points
+
+## Quick Selection Matrix
+
+| Essay Type | Primary | Accent | Mood |
+|------------|---------|---------|------|
+| AI Ethics | Cool Gray | Red | Caution |
+| Digital Culture | Blue-Gray | Green | Technical |
+| Social Media | Desaturated | Purple | Critical |
+| Philosophy | Monochrome | Gold | Timeless |
+| Future Tech | Blue | Orange | Optimistic |
+| Cultural | Earth | Red | Grounded |
+
+## Seasonal Adjustments
+
+- **Spring**: Fresh greens, light blues
+- **Summer**: Vibrant, high saturation
+- **Autumn**: Warm earth tones
+- **Winter**: Cool, desaturated
+
+Use colors intentionally—each hue carries meaning.
--- a/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/visual_metaphors.md
+++ b/ourdigital-custom-skills/00-ourdigital-visual-storytelling/references/visual_metaphors.md
@@ -0,0 +1,101 @@
+# Visual Metaphor Dictionary
+
+Quick reference for translating abstract concepts into visual elements.
+
+## Technology & Digital
+
+| Concept | Primary Metaphor | Alternative Visuals |
+|---------|-----------------|-------------------|
+| Algorithm | Constellation patterns | Maze structures, flow charts as art |
+| AI | Crystalline growth | Mirror reflections, fractal patterns |
+| Data | Water flow, particles | Bird murmurations, sand grains |
+| Network | Root systems | Neural pathways, spider silk, web |
+| Code | Musical notation | DNA strands, city blueprints |
+| Cloud | Atmospheric forms | Floating islands, ethereal spaces |
+| Privacy | Veils, shadows | One-way mirrors, fog, barriers |
+| Security | Locks dissolving | Fortresses becoming permeable |
+| Automation | Clockwork organic | Self-assembling structures |
+| Virtual | Layers of reality | Parallel dimensions, glass planes |
+
+## Social & Cultural
+
+| Concept | Primary Metaphor | Alternative Visuals |
+|---------|-----------------|-------------------|
+| Identity | Layered masks | Fingerprints merging, mirrors |
+| Community | Overlapping circles | Shared spaces, woven threads |
+| Isolation | Islands in fog | Glass barriers, empty chairs |
+| Communication | Bridge structures | Echo patterns, light beams |
+| Conflict | Opposing forces | Tectonic plates, storm systems |
+| Harmony | Resonance patterns | Orchestra arrangements, balance |
+| Culture | Textile patterns | Layered sediments, palimpsest |
+| Tradition | Tree rings | Ancient stones, inherited objects |
+| Change | Metamorphosis | Phase transitions, seasonal cycles |
+| Power | Pyramids inverting | Current flows, gravity wells |
+
+## Philosophical & Abstract
+
+| Concept | Primary Metaphor | Alternative Visuals |
+|---------|-----------------|-------------------|
+| Time | Spirals, loops | Sediment layers, clock dissolution |
+| Knowledge | Light sources | Growing trees, opening books |
+| Wisdom | Mountain vistas | Deep waters, ancient libraries |
+| Truth | Clear water | Prisms splitting light, unveiled |
+| Illusion | Distorted mirrors | Smoke shapes, double images |
+| Choice | Diverging paths | Doors opening, quantum splits |
+| Balance | Tensegrity | Scales reimagined, equilibrium |
+| Paradox | Möbius strips | Impossible objects, Escher-like |
+| Existence | Breath patterns | Pulse rhythms, presence/absence |
+| Consciousness | Nested awareness | Recursive mirrors, awakening |
+
+## Emotional States
+
+| Emotion | Visual Translation | Color Association |
+|---------|-------------------|------------------|
+| Anxiety | Fragmented grids | Desaturated, glitch |
+| Hope | Light breaking through | Warm gradients |
+| Melancholy | Soft dissolution | Muted blues, grays |
+| Joy | Expansion patterns | Bright, ascending |
+| Fear | Contracting spaces | Sharp contrasts |
+| Peace | Still water | Soft neutrals |
+| Confusion | Tangled lines | Overlapping hues |
+| Clarity | Clean geometry | Pure, minimal |
+
+## Transformation & Process
+
+| Process | Visual Narrative | Symbolic Elements |
+|---------|------------------|------------------|
+| Growth | Seeds → trees | Fibonacci spirals |
+| Decay | Entropy patterns | Rust, dissolution |
+| Evolution | Branching forms | Darwin's tree reimagined |
+| Revolution | Circles breaking | Shattered patterns |
+| Innovation | Spark → flame | Lightning, fusion |
+| Tradition | Continuous thread | Inherited patterns |
+| Disruption | Broken grids | Glitch aesthetics |
+| Integration | Merging streams | Confluence points |
+
+## Korean-Western Fusion Elements
+
+| Korean Element | Western Parallel | Fusion Approach |
+|---------------|-----------------|-----------------|
+| 여백 (Empty space) | Negative space | Active emptiness |
+| 오방색 (Five colors) | Color theory | Symbolic palette |
+| 달항아리 (Moon jar) | Minimalism | Imperfect circles |
+| 한글 geometry | Typography | Structural letters |
+| 산수화 (Landscape) | Abstract landscape | Atmospheric depth |
+| 전통문양 (Patterns) | Geometric design | Cultural geometry |
+
+## Usage Notes
+
+1. **Layer metaphors**: Combine 2-3 for depth
+2. **Avoid clichés**: No obvious tech symbols
+3. **Cultural sensitivity**: Universal over specific
+4. **Abstraction levels**: Match essay tone
+5. **Emotional resonance**: Feel over literal
+
+## Quick Selection Guide
+
+For **technology essays**: organic-digital hybrids
+For **social commentary**: human elements in systems  
+For **philosophy pieces**: space and light
+For **cultural topics**: layered traditions
+For **future themes**: transformation states