feat: Add OurDigital custom skills package (10 skills)

Complete implementation of OurDigital skills with dual-platform support (Claude Desktop + Claude Code) following standardized structure. Skills created: - 01-ourdigital-brand-guide: Brand reference & style guidelines - 02-ourdigital-blog: Korean blog drafts (blog.ourdigital.org) - 03-ourdigital-journal: English essays (journal.ourdigital.org) - 04-ourdigital-research: Research prompts & workflows - 05-ourdigital-document: Notion-to-presentation pipeline - 06-ourdigital-designer: Visual/image prompt generation - 07-ourdigital-ad-manager: Ad copywriting & keyword research - 08-ourdigital-trainer: Training materials & workshop planning - 09-ourdigital-backoffice: Quotes, proposals, cost analysis - 10-ourdigital-skill-creator: Meta skill for creating new skills Features: - YAML frontmatter with "ourdigital" or "our" prefix triggers - Standardized directory structure (code/, desktop/, shared/, docs/) - Shared environment setup (_ourdigital-shared/) - Comprehensive reference documentation - Cross-skill integration support Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-31 16:50:17 +07:00
parent 7d20abe811
commit 0bc24d00b9
169 changed files with 9970 additions and 741 deletions
--- a/custom-skills/01-ourdigital-brand-guide/shared/references/brand-foundation.md
+++ b/custom-skills/01-ourdigital-brand-guide/shared/references/brand-foundation.md
@@ -0,0 +1,127 @@
+# OurDigital Brand Foundation
+
+Complete brand identity reference for OurDigital Clinic.
+
+## Brand Identity
+
+### Core Elements
+
+| Element | Content |
+|---------|---------|
+| **Brand Name** | OurDigital Clinic |
+| **Tagline** | 우리 디지털 클리닉 \| Your Digital Health Partner |
+| **Mission** | 디지털 마케팅 클리닉 for SMBs, 자영업자, 프리랜서, 비영리단체 |
+| **Vision** | 데이터 민주화, 정밀 마케팅, 지속 가능한 성장 |
+| **Promise** | 진단-처방-측정 가능한 성장 |
+
+### Core Values
+
+| 가치 | English | 클리닉 메타포 | 설명 |
+|------|---------|--------------|------|
+| 데이터 중심 | Data-driven | 정밀 검사 | 감이 아닌 데이터로 판단 |
+| 실행 지향 | In-Action | 실행 가능한 처방 | 분석에서 끝나지 않는 실행력 |
+| 마케팅 과학 | Marketing Science | 근거 중심 의학 | 검증된 방법론과 프레임워크 |
+
+### Brand Philosophy
+
+**"Precision + Empathy + Evidence"**
+
+Accurate diagnosis, stakeholder understanding, and measurable validation across all communications.
+
+## Positioning Statement
+
+> For 디지털 마케팅 역량이 필요한 중소기업 who want 데이터 기반 의사결정,
+> OurDigital Clinic is 디지털 마케팅 클리닉 that provides 진단-처방-측정 프로세스,
+> unlike 일회성 캠페인 대행사, we deliver 25년 경험과 마케팅 사이언스 방법론
+
+## Target Audience
+
+- **Primary**: SMB 마케팅 담당자, 자영업자, 프리랜서, 비영리단체
+- **Secondary**: 스타트업 창업자, 브랜드 매니저
+
+## Founder Profile
+
+| Field | Content |
+|-------|---------|
+| **Name** | 임명재 (Andrew Yim) \| Dr.D |
+| **Experience** | 25년+ 디지털 마케팅 |
+| **Credentials** | Google Data Analytics, Advanced Data Analytics, Business Intelligence |
+| **Key Clients** | GS칼텍스, 삼성전자, LG전자, 코카-콜라, 아모레퍼시픽, 조선호텔 등 |
+
+## Brand Architecture
+
+### Channel Hierarchy
+
+| Level | Element | Description |
+|-------|---------|-------------|
+| Level 1 | Master Brand | OurDigital Clinic |
+| Level 2 | Channel Identity | Blog, Journal, OurStory |
+| Level 3 | Service Identity | 4개 핵심 서비스 |
+
+### Channel Personality & Tone
+
+| Channel | Domain | Personality | Tone | Content Type |
+|---------|--------|-------------|------|--------------|
+| Main Hub | ourdigital.org | Professional & Confident | Data-driven, Solution-oriented | 서비스, 케이스, 리드 |
+| Blog | blog.ourdigital.org | Analytical & Personal | Educational, Thought-provoking | 가이드, 분석, 인사이트 |
+| Journal | journal.ourdigital.org | Conversational & Poetic | Reflective, Cultural Observer | 에세이, 문화, 관찰 |
+| OurStory | ourstory.day | Intimate & Reflective | Authentic, Personal Journey | 개인 서사, 경험 |
+| D.intelligence | dintelligence.co.kr | Professional | B2B | Corporate Partnership |
+
+### Content Flow Strategy
+
+```
+Discovery (Blog) → Engagement (Journal) → Conversion (Main Site)
+```
+
+### Publishing Cadence
+
+| Channel | Frequency | Length |
+|---------|-----------|--------|
+| ourdigital.org | 필요시 업데이트 | 서비스별 상세 |
+| blog.ourdigital.org | 주 1-2회 | 1,500-3,000자 |
+| journal.ourdigital.org | 월 2-4회 | 1,000-2,000자 |
+| ourstory.day | 월 1-2회 | 800-1,500자 |
+
+## Service Portfolio
+
+### Four Core Services
+
+| Service | URL | Price Range | Focus |
+|---------|-----|-------------|-------|
+| SEO & Digital Growth | /services/seo-digital-growth/ | ₩1,500,000~ | 기술SEO, 온페이지, 콘텐츠SEO, 엔티티SEO |
+| Content Marketing & Strategy | /services/content-marketing/ | ₩2,000,000~ | 토픽클러스터, 에디토리얼시스템, 브랜드보이스 |
+| Performance Marketing & Analytics | /services/performance-marketing/ | ₩1,800,000~ | GA4, 대시보드, 광고성과분석, KPI체계 |
+| Brand Intelligence | /services/brand-intelligence/ | ₩2,500,000~ | AORI Framework, 브랜드가시성, 평판분석 |
+
+### Proprietary Frameworks
+
+**AORI Framework** (Brand Intelligence):
+- **A**uthority: 권위
+- **O**utreach: 도달
+- **R**elevance: 관련성
+- **I**nfluence: 영향력
+
+**FLOW Framework** (Content Marketing):
+- **F**ind: 토픽 발굴
+- **L**ink: 구조화 & 연결
+- **O**ptimize: 최적화
+- **W**in: 성과 창출
+
+## Key Messages
+
+| Use Case | Message |
+|----------|---------|
+| Tagline | 우리 디지털 클리닉 \| Your Digital Health Partner |
+| Value Proposition | 데이터로 진단하고, 실행으로 처방합니다 |
+| Process | 진단 → 처방 → 측정 |
+| Differentiator | 25년 경험의 마케팅 사이언티스트 |
+
+## CTA Library
+
+| Context | CTA Text |
+|---------|----------|
+| General | 무료 상담 신청하기 |
+| SEO | SEO 진단 신청하기 |
+| Content | 콘텐츠 전략 상담 신청하기 |
+| Quote | 맞춤 견적 상담받기 |
--- a/custom-skills/01-ourdigital-brand-guide/shared/references/color-palette.md
+++ b/custom-skills/01-ourdigital-brand-guide/shared/references/color-palette.md
@@ -0,0 +1,121 @@
+# OurDigital Brand Color Palette
+
+Complete color system for OurDigital visual identity.
+
+## Primary Colors
+
+| Token | Name | HEX | RGB | Usage |
+|-------|------|-----|-----|-------|
+| `--d-black` | D.Black | #221814 | rgb(34, 24, 20) | Footer, dark backgrounds |
+| `--d-olive` | D.Olive | #cedc00 | rgb(206, 220, 0) | Primary accent, CTA buttons |
+| `--d-green` | D.Green | #287379 | rgb(40, 115, 121) | Links hover, secondary accent |
+| `--d-blue` | D.Blue | #0075c0 | rgb(0, 117, 192) | Links |
+| `--d-beige` | D.Beige | #f2f2de | rgb(242, 242, 222) | Light text on dark backgrounds |
+| `--d-gray` | D.Gray | #ebebeb | rgb(235, 235, 235) | Alt backgrounds |
+| `--d-border` | Border | #cdcac8 | rgb(205, 202, 200) | Border lines |
+
+## D.HIVE Colors (Secondary)
+
+| Token | Name | HEX | Usage |
+|-------|------|-----|-------|
+| `--d-hive-yellow` | D.HIVE Yellow | #ffe100 | Highlight accent |
+| `--d-hive-orange` | D.HIVE Orange | #f1a615 | Warning, attention |
+| `--d-hive-skyblue` | D.HIVE Sky Blue | #21a8bc | Info, secondary links |
+
+## Text Colors
+
+| Token | HEX | Usage |
+|-------|-----|-------|
+| `--color-text-black` | #000000 | Primary text |
+| `--color-text-gray` | #7a7a7b | Secondary/dimmed text |
+| `--color-text-white` | #ffffff | Text on dark backgrounds |
+
+## Semantic Mappings
+
+| Token | Maps To | Usage |
+|-------|---------|-------|
+| `--color-accent` | #cedc00 (D.Olive) | Primary accent |
+| `--color-dark` | #221814 (D.Black) | Dark elements |
+| `--color-text-main` | #000000 | Main text |
+| `--color-text-dim` | #7a7a7b | Dim text |
+| `--color-link` | #0075c0 (D.Blue) | Links |
+| `--color-link-hover` | #287379 (D.Green) | Link hover |
+| `--color-bg` | #ffffff | Background |
+| `--color-bg-alt` | #ebebeb (D.Gray) | Alt background |
+| `--color-border` | #cdcac8 | Borders |
+
+## CSS Variables
+
+```css
+:root {
+  /* D.intelligence Primary Colors */
+  --d-black: #221814;
+  --d-olive: #cedc00;
+  --d-green: #287379;
+  --d-blue: #0075c0;
+  --d-beige: #f2f2de;
+  --d-gray: #ebebeb;
+  --d-border: #cdcac8;
+
+  /* D.HIVE Colors */
+  --d-hive-yellow: #ffe100;
+  --d-hive-orange: #f1a615;
+  --d-hive-skyblue: #21a8bc;
+
+  /* Text Colors */
+  --color-text-black: #000000;
+  --color-text-gray: #7a7a7b;
+  --color-text-white: #ffffff;
+
+  /* Semantic Mappings */
+  --color-accent: #cedc00;
+  --color-dark: #221814;
+  --color-text-main: #000000;
+  --color-text-dim: #7a7a7b;
+  --color-link: #0075c0;
+  --color-link-hover: #287379;
+  --color-bg: #ffffff;
+  --color-bg-alt: #ebebeb;
+  --color-border: #cdcac8;
+}
+```
+
+## Typography
+
+| Purpose | Font Family |
+|---------|-------------|
+| Korean | Noto Sans KR |
+| English Primary | Noto Sans |
+| English Emphasis | Inter |
+| Annotations | Helvetica Neue |
+
+### Font Stack
+
+```css
+--font-primary: "Inter", "Noto Sans KR", system-ui, -apple-system,
+  BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+--text-size-body: 16px;
+```
+
+## Grid System
+
+- **Columns**: 12-column responsive layout
+- **Breakpoints**: Standard responsive breakpoints
+
+## Color Usage by Component
+
+| Component | Background | Text | Accent |
+|-----------|------------|------|--------|
+| Header | White | D.Black | D.Olive |
+| Footer | D.Black | D.Beige | D.Olive |
+| CTA Button | D.Olive | D.Black | - |
+| Links | - | D.Blue | D.Green (hover) |
+| Cards | White/D.Gray | D.Black | D.Olive |
+| Forms | White | D.Black | D.Blue (focus) |
+
+## Accessibility Notes
+
+- Ensure sufficient contrast ratios (WCAG 2.1 AA minimum)
+- D.Olive (#cedc00) on D.Black (#221814) passes contrast
+- D.Blue (#0075c0) on white passes contrast for links
+- Use D.Black for primary text to ensure readability
--- a/custom-skills/01-ourdigital-brand-guide/shared/references/writing-style.md
+++ b/custom-skills/01-ourdigital-brand-guide/shared/references/writing-style.md
@@ -0,0 +1,152 @@
+# OurDigital Writing Style Guide
+
+Comprehensive writing guidelines for OurDigital content across all channels.
+
+## Overview
+
+| Field | Value |
+|-------|-------|
+| **Author** | Andrew Yim |
+| **Primary Blog** | blog.ourdigital.org |
+| **Tagline** | 사람, 디지털 그리고 문화 (People, Digital, and Culture) |
+| **Platform** | Ghost CMS |
+| **History** | 2004-2025 (20+ years of content) |
+
+---
+
+## Part 1: 한국어 스타일가이드
+
+### 핵심 글쓰기 특성
+
+#### 1. 철학-기술 융합체
+
+기술 분석과 실존적 질문을 자연스럽게 결합한다. 기술 콘텐츠(AI 아키텍처, 엔터프라이즈 시스템)는 결코 인간적 함의와 분리되지 않는다.
+
+**예시**: Llama 4와 DeepSeek 비교 글에서도 거버넌스 우려와 사회적 영향을 포함한다.
+
+#### 2. 역설(Paradox)을 주요 수사 장치로 활용
+
+논증을 긴장과 모순 구조로 전개한다:
+- 인간이 컴퓨터를 모방하면서 컴퓨터가 인간을 모방하는 역설
+- 기술이 해방하면서 동시에 의미를 축소하는 역설
+- 디지털 네이티브가 기성세대가 가르칠 수 없는 유창함을 보유하는 역설
+
+#### 3. 수사적 질문 활용
+
+선언적 권위보다 질문을 통한 참여를 선호한다:
+
+> "이 디지털 세대에게 무엇을 가르쳐야 하는가?"
+> "그 무한한 자유 속에서 우리는 무엇을 소중히 여기게 될 것인가?"
+
+이는 독자와 지적 동반자 관계를 형성하며, 교훈적 지시를 피한다.
+
+#### 4. 우울한 낙관주의 (Melancholic Optimism)
+
+불안과 상실을 인정하되 절망하지 않는다. 기술의 불가피성을 수용하면서도 대체되는 것에 대한 진정한 우려를 표현한다.
+
+### 문장 구조 패턴
+
+| 요소 | 패턴 |
+|------|------|
+| 문장 길이 | 여러 절을 포함한 긴 복합문 - 논의되는 상호연결된 개념을 반영 |
+| 단락 구조 | 관찰 → 분석 → 철학적 함의로 점진적 심화 |
+| 근거 제시 | 역사적 사례, 문화간 참조, 기술 명세를 함께 엮음 |
+| 결론부 | 종종 열린 결말로, 답을 제시하기보다 질문을 던짐 |
+
+### 독자 조율
+
+**교양 있는 일반 독자**를 대상으로 한다 — 기술의 문화적 영향에 지적 호기심을 가진 독자이지, 반드시 기술 전문가는 아니다.
+
+기술 글에도 요약본과 은유적 앵커링("데이터 공장")을 포함해 접근성을 유지한다.
+
+### 고유 특성
+
+1. **이중언어 유창성** — 한국어 산문에 영어 기술 용어가 섞여 디지털 담론의 혼종적 특성을 반영
+2. **시간적 인식** — 세대 변화와 역사적 맥락에 대한 강한 의식
+3. **인식론적 겸손** — 특히 세대간 격차에서 이해의 한계를 인정
+4. **규제 의식** — 엔터프라이즈 글에서 일관되게 컴플라이언스(GDPR, EU 규제)를 다룸
+
+---
+
+## Part 2: English Styleguide
+
+### Core Writing Characteristics
+
+#### 1. Philosophical-Technical Hybridization
+
+Seamlessly blend technical analysis with existential questioning. Technical content (AI architectures, enterprise systems) is never divorced from human implications.
+
+#### 2. Paradox as Primary Device
+
+Structure arguments around tensions and contradictions:
+- Humans mimicking computers while computers mimic humans
+- Technology liberating yet simultaneously diminishing meaning
+- Digital natives possessing fluency that elders cannot teach
+
+#### 3. Rhetorical Questions
+
+Favor interrogative engagement over declarative authority:
+
+> "What should we teach this digital generation?"
+> "What will we cherish in that infinite freedom?"
+
+This creates intellectual partnership with readers rather than didactic instruction.
+
+#### 4. Melancholic Optimism
+
+Acknowledge anxiety and loss without despair. Accept technological inevitability alongside genuine concern for what is displaced.
+
+### Structural Patterns
+
+| Element | Pattern |
+|---------|---------|
+| Sentence Length | Long, complex sentences with multiple clauses — mirroring the interconnected concepts discussed |
+| Paragraph Structure | Progressive deepening from observation → analysis → philosophical implication |
+| Evidence Style | Historical examples, cross-cultural references, technical specifications woven together |
+| Conclusions | Often open-ended, posing questions rather than prescribing answers |
+
+### Audience Calibration
+
+Target **informed generalists** — readers with intellectual curiosity about technology's cultural impact, not necessarily technical specialists.
+
+Technical articles include executive summaries and metaphorical anchoring ("Data Factory") to maintain accessibility.
+
+### Distinctive Qualities
+
+1. **Bilingual Fluency** — Korean prose with occasional English technical terms
+2. **Temporal Awareness** — Strong consciousness of generational shifts and historical context
+3. **Epistemic Humility** — Acknowledges limits of understanding
+4. **Regulatory Consciousness** — Enterprise pieces consistently address compliance
+
+---
+
+## Writing Do's and Don'ts
+
+### Do's
+
+- Use paradox to structure arguments
+- Ask rhetorical questions to engage readers
+- Connect technical content to human implications
+- Acknowledge uncertainty and epistemic limits
+- Blend Korean and English naturally for technical terms
+- Reference historical context and generational shifts
+
+### Don'ts
+
+- Avoid purely declarative, authoritative tone
+- Don't separate technical analysis from cultural impact
+- Avoid simplistic or overly optimistic technology narratives
+- Don't provide prescriptive conclusions without exploration
+- Avoid ignoring regulatory and governance concerns
+
+---
+
+## Evaluation Criteria
+
+| Dimension | Standard |
+|-----------|----------|
+| Intellectual Depth | High — articles reward careful reading |
+| Accessibility | Moderate — assumes engaged readers willing to follow complex arguments |
+| Originality | Strong — unique perspective bridging Korean cultural context with global tech trends |
+| Consistency | Excellent — coherent voice across 20+ years |
+| Practical Value | Mixed — philosophical pieces prioritize reflection; technical pieces provide concrete details |