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/README.md
+++ b/custom-skills/01-ourdigital-brand-guide/README.md
@@ -0,0 +1,88 @@
+# OurDigital Brand Guide
+
+Reference skill for OurDigital brand standards, writing style, and visual identity.
+
+## Purpose
+
+This skill provides comprehensive brand guidelines for:
+- Brand foundation (mission, values, positioning)
+- Writing style (Korean/English)
+- Visual identity (colors, typography)
+- Channel-specific tone and manner
+- Brand compliance checking
+
+## Activation
+
+Only activates with "ourdigital" keyword:
+- "ourdigital 브랜드 가이드"
+- "ourdigital brand guide"
+- "ourdigital 톤앤매너"
+- "ourdigital 스타일 체크"
+
+## Structure
+
+```
+01-ourdigital-brand-guide/
+├── code/
+│   └── SKILL.md              # Claude Code version
+├── desktop/
+│   └── SKILL.md              # Claude Desktop version
+├── shared/
+│   ├── references/
+│   │   ├── brand-foundation.md   # Complete brand identity
+│   │   ├── writing-style.md      # Writing guidelines
+│   │   └── color-palette.md      # Visual identity
+│   └── assets/
+│       └── tokens.css            # CSS variables
+├── docs/
+│   ├── CHANGELOG.md
+│   └── logs/
+└── README.md
+```
+
+## Quick Reference
+
+### Brand Identity
+
+| Element | Content |
+|---------|---------|
+| Brand Name | OurDigital Clinic |
+| Tagline | 우리 디지털 클리닉 \| Your Digital Health Partner |
+| Philosophy | Precision + Empathy + Evidence |
+
+### Core Values
+
+- **Data-driven** (데이터 중심) - 정밀 검사
+- **In-Action** (실행 지향) - 실행 가능한 처방
+- **Marketing Science** (마케팅 과학) - 근거 중심 의학
+
+### Channel Tones
+
+| Channel | Tone |
+|---------|------|
+| ourdigital.org | Professional, Data-driven |
+| blog.ourdigital.org | Analytical, Educational |
+| journal.ourdigital.org | Conversational, Poetic |
+| ourstory.day | Intimate, Authentic |
+
+### Primary Colors
+
+| Color | HEX | Usage |
+|-------|-----|-------|
+| D.Black | #221814 | Dark backgrounds |
+| D.Olive | #cedc00 | Primary accent, CTA |
+| D.Green | #287379 | Secondary accent |
+| D.Blue | #0075c0 | Links |
+
+## Sources
+
+- [OurDigital Brand Guide](https://www.ourdigital.org/brand-guide/)
+- Notion: Our Digital Blog Styleguide
+- Notion: Brand Color Palette
+- Notion: OurDigital 브랜드 가이드 시스템 프레임워크
+
+## Version
+
+- Current: 1.0.0
+- Author: OurDigital
+- Environment: Both (Desktop & Code)
--- a/custom-skills/01-ourdigital-brand-guide/code/SKILL.md
+++ b/custom-skills/01-ourdigital-brand-guide/code/SKILL.md
@@ -0,0 +1,145 @@
+---
+name: ourdigital-brand-guide
+description: |
+  OurDigital brand standards and style guide reference.
+  Activated with "ourdigital" keyword for brand queries.
+
+  Triggers:
+  - "ourdigital 브랜드 가이드", "ourdigital brand guide"
+  - "ourdigital 톤앤매너", "ourdigital style check"
+  - "ourdigital 브랜드 적합성", "ourdigital voice"
+
+  Features:
+  - Brand foundation reference
+  - Writing style guidelines
+  - Visual identity standards
+  - Brand compliance checking
+version: "1.0"
+author: OurDigital
+environment: Code
+---
+
+# OurDigital Brand Guide (Code)
+
+Reference skill for OurDigital brand standards in Claude Code environment.
+
+## Activation
+
+Only with "ourdigital" keyword:
+- "ourdigital 브랜드 가이드"
+- "ourdigital brand check"
+
+## Brand Quick Reference
+
+### Identity
+
+```yaml
+Brand: OurDigital Clinic
+Tagline: 우리 디지털 클리닉 | Your Digital Health Partner
+Mission: 디지털 마케팅 클리닉 for SMBs
+Promise: 진단-처방-측정 가능한 성장
+Philosophy: Precision + Empathy + Evidence
+```
+
+### Core Values
+
+| Value | Korean | Metaphor |
+|-------|--------|----------|
+| Data-driven | 데이터 중심 | 정밀 검사 |
+| In-Action | 실행 지향 | 실행 가능한 처방 |
+| Marketing Science | 마케팅 과학 | 근거 중심 의학 |
+
+## Channel Tone
+
+| Channel | Tone |
+|---------|------|
+| ourdigital.org | Professional, Data-driven |
+| blog.ourdigital.org | Analytical, Educational |
+| journal.ourdigital.org | Conversational, Poetic |
+| ourstory.day | Intimate, Authentic |
+
+## Writing Style
+
+### Korean Style
+
+1. **철학-기술 융합**: 기술과 인간적 함의 연결
+2. **역설 활용**: 긴장/모순으로 논증
+3. **수사적 질문**: 질문으로 참여 유도
+4. **우울한 낙관주의**: 불안 인정, 절망 거부
+
+### Writing Rules
+
+**Do:**
+- Paradox for structure
+- Rhetorical questions
+- Korean + English technical terms
+- Historical/generational context
+
+**Don't:**
+- Purely declarative authority
+- Simplistic optimism
+- Prescriptive conclusions
+- Ignoring cultural impact
+
+## Color Palette
+
+```css
+/* Primary */
+--d-black: #221814;   /* Dark backgrounds */
+--d-olive: #cedc00;   /* Primary accent, CTA */
+--d-green: #287379;   /* Secondary accent */
+--d-blue: #0075c0;    /* Links */
+--d-beige: #f2f2de;   /* Light on dark */
+--d-gray: #ebebeb;    /* Alt backgrounds */
+--d-border: #cdcac8;  /* Borders */
+
+/* D.HIVE */
+--d-hive-yellow: #ffe100;
+--d-hive-orange: #f1a615;
+--d-hive-skyblue: #21a8bc;
+```
+
+### Typography
+
+- Korean: `Noto Sans KR`
+- English: `Noto Sans`, `Inter`
+- Grid: 12-column
+
+## Brand Compliance
+
+Check content against:
+
+1. ✓ Channel tone match
+2. ✓ Core values reflected
+3. ✓ Philosophy alignment
+4. ✓ Language style correct
+5. ✓ Color palette used
+
+## Key Messages
+
+| Purpose | Message |
+|---------|---------|
+| Tagline | 우리 디지털 클리닉 |
+| Value | 데이터로 진단하고, 실행으로 처방합니다 |
+| Process | 진단 → 처방 → 측정 |
+
+## CTA Library
+
+```
+무료 상담 신청하기
+SEO 진단 신청하기
+콘텐츠 전략 상담 신청하기
+맞춤 견적 상담받기
+```
+
+## File References
+
+```
+01-ourdigital-brand-guide/
+├── shared/references/
+│   ├── brand-foundation.md
+│   ├── writing-style.md
+│   └── color-palette.md
+└── shared/assets/
+    └── tokens.css
+```
--- a/custom-skills/01-ourdigital-brand-guide/desktop/SKILL.md
+++ b/custom-skills/01-ourdigital-brand-guide/desktop/SKILL.md
@@ -0,0 +1,151 @@
+---
+name: ourdigital-brand-guide
+description: |
+  OurDigital 브랜드 기준 및 스타일 가이드 참조 스킬.
+  Activated with "ourdigital" keyword for brand-related queries.
+
+  Triggers (ourdigital or our prefix):
+  - "ourdigital brand guide", "our brand guide"
+  - "ourdigital 브랜드 가이드", "our 브랜드 가이드"
+  - "ourdigital 톤앤매너", "our 톤앤매너"
+  - "ourdigital style check", "our style check"
+
+  Features:
+  - Brand foundation & values reference
+  - Writing style guidelines (Korean/English)
+  - Visual identity & color palette
+  - Channel-specific tone mapping
+  - Brand compliance checking
+version: "1.0"
+author: OurDigital
+environment: Desktop
+---
+
+# OurDigital Brand Guide
+
+Reference skill for OurDigital brand standards, writing style, and visual identity.
+
+## Activation
+
+Activate with "ourdigital" or "our" prefix:
+- "ourdigital 브랜드 가이드" / "our 브랜드 가이드"
+- "ourdigital 톤앤매너 체크" / "our 톤앤매너"
+- "our brand guide", "our style check"
+
+## Brand Foundation
+
+### Core Identity
+
+| Element | Content |
+|---------|---------|
+| **Brand Name** | OurDigital Clinic |
+| **Tagline** | 우리 디지털 클리닉 \| Your Digital Health Partner |
+| **Mission** | 디지털 마케팅 클리닉 for SMBs, 자영업자, 프리랜서, 비영리단체 |
+| **Promise** | 진단-처방-측정 가능한 성장 |
+
+### Core Values
+
+| 가치 | English | 클리닉 메타포 |
+|------|---------|--------------|
+| 데이터 중심 | Data-driven | 정밀 검사 |
+| 실행 지향 | In-Action | 실행 가능한 처방 |
+| 마케팅 과학 | Marketing Science | 근거 중심 의학 |
+
+### Brand Philosophy
+
+**"Precision + Empathy + Evidence"**
+
+## Channel Tone Matrix
+
+| Channel | Domain | Personality | Tone |
+|---------|--------|-------------|------|
+| 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 |
+
+## Writing Style Characteristics
+
+### Korean (한국어)
+
+1. **철학-기술 융합체**: 기술 분석과 실존적 질문을 자연스럽게 결합
+2. **역설 활용**: 긴장과 모순 구조로 논증 전개
+3. **수사적 질문**: 선언적 권위보다 질문을 통한 참여
+4. **우울한 낙관주의**: 불안과 상실을 인정하되 절망하지 않음
+
+### English
+
+1. **Philosophical-Technical Hybridization**: Technical content with human implications
+2. **Paradox as Device**: Structure arguments around tensions
+3. **Rhetorical Questions**: Interrogative engagement over authority
+4. **Melancholic Optimism**: Acknowledge anxiety without despair
+
+### Do's and Don'ts
+
+**Do's:**
+- Use paradox to structure arguments
+- Ask rhetorical questions to engage readers
+- Connect technical content to human implications
+- 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 narratives
+- Don't provide prescriptive conclusions without exploration
+
+## Visual Identity
+
+### Primary Colors
+
+| Token | Color | HEX | Usage |
+|-------|-------|-----|-------|
+| --d-black | D.Black | #221814 | Footer, dark backgrounds |
+| --d-olive | D.Olive | #cedc00 | Primary accent, CTA buttons |
+| --d-green | D.Green | #287379 | Links hover, secondary accent |
+| --d-blue | D.Blue | #0075c0 | Links |
+| --d-beige | D.Beige | #f2f2de | Light text on dark |
+| --d-gray | D.Gray | #ebebeb | Alt backgrounds |
+
+### Typography
+
+- **Korean**: Noto Sans KR
+- **English**: Noto Sans, Inter
+- **Grid**: 12-column responsive layout
+
+## Brand Compliance Check
+
+When reviewing content, verify:
+
+1. **Tone Match**: Does it match the channel's personality?
+2. **Value Alignment**: Reflects Data-driven, In-Action, Marketing Science?
+3. **Philosophy Check**: Precision + Empathy + Evidence present?
+4. **Language Style**: Appropriate blend of Korean/English terms?
+5. **Visual Consistency**: Uses approved color palette?
+
+## Quick Reference
+
+### Key Messages
+
+| Use | Message |
+|-----|---------|
+| Tagline | 우리 디지털 클리닉 \| Your Digital Health Partner |
+| Value Prop | 데이터로 진단하고, 실행으로 처방합니다 |
+| Process | 진단 → 처방 → 측정 |
+| Differentiator | 25년 경험의 마케팅 사이언티스트 |
+
+### CTA Patterns
+
+| Context | CTA |
+|---------|-----|
+| General | 무료 상담 신청하기 |
+| SEO | SEO 진단 신청하기 |
+| Content | 콘텐츠 전략 상담 신청하기 |
+
+## References
+
+See `shared/references/` for detailed guides:
+- `brand-foundation.md` - Complete brand identity
+- `writing-style.md` - Detailed writing guidelines
+- `color-palette.md` - Full color system with CSS variables
--- a/custom-skills/01-ourdigital-brand-guide/docs/CHANGELOG.md
+++ b/custom-skills/01-ourdigital-brand-guide/docs/CHANGELOG.md
@@ -0,0 +1,32 @@
+# Changelog
+
+All notable changes to ourdigital-brand-guide will be documented here.
+
+## [1.0.0] - 2026-01-31
+
+### Added
+- Initial skill creation
+- Desktop and Code versions
+- Comprehensive brand foundation reference
+- Korean and English writing style guidelines
+- Complete color palette with CSS tokens
+- Channel-specific tone matrix
+- Brand compliance checking guidelines
+
+### Files
+- `desktop/SKILL.md` - Claude Desktop version
+- `code/SKILL.md` - Claude Code version
+- `shared/references/brand-foundation.md` - Complete brand identity
+- `shared/references/writing-style.md` - Writing guidelines
+- `shared/references/color-palette.md` - Visual identity
+- `shared/assets/tokens.css` - CSS variable system
+
+### Sources
+- https://www.ourdigital.org/brand-guide/
+- Notion: Our Digital Blog Styleguide
+- Notion: Brand Color Palette
+- Notion: OurDigital 브랜드 가이드 시스템 프레임워크
+- Notion: Summary - OurDigital 브랜드 가이드 및 웹 콘텐츠 프로젝트
+
+### Notion Ref
+- (To be synced)
--- a/custom-skills/01-ourdigital-brand-guide/shared/assets/tokens.css
+++ b/custom-skills/01-ourdigital-brand-guide/shared/assets/tokens.css
@@ -0,0 +1,69 @@
+/**
+ * OurDigital Brand Tokens
+ * Complete CSS variable system for OurDigital visual identity
+ */
+
+:root {
+  /* ===== D.intelligence Primary Colors ===== */
+  --d-black: #221814;           /* D.Black - Primary dark */
+  --d-olive: #cedc00;           /* D.Olive - Brand accent */
+  --d-green: #287379;           /* D.Green - Secondary accent */
+  --d-blue: #0075c0;            /* D.Blue - Link/action */
+  --d-beige: #f2f2de;           /* D.Beige - Light background */
+  --d-gray: #ebebeb;            /* D.Gray - Background alt */
+  --d-border: #cdcac8;          /* Border Line */
+
+  /* ===== D.HIVE Colors ===== */
+  --d-hive-yellow: #ffe100;     /* D.HIVE Yellow */
+  --d-hive-orange: #f1a615;     /* D.HIVE Orange */
+  --d-hive-skyblue: #21a8bc;    /* D.HIVE Sky Blue */
+
+  /* ===== Text Colors ===== */
+  --color-text-black: #000000;  /* Black text */
+  --color-text-gray: #7a7a7b;   /* Gray text */
+  --color-text-white: #ffffff;  /* White text */
+
+  /* ===== Semantic Mappings ===== */
+  --color-accent: #cedc00;      /* Primary accent = D.Olive */
+  --color-dark: #221814;        /* Dark = D.Black */
+  --color-text-main: #000000;   /* Main text = Black */
+  --color-text-dim: #7a7a7b;    /* Dim text = Gray */
+  --color-link: #0075c0;        /* Links = D.Blue */
+  --color-link-hover: #287379;  /* Link hover = D.Green */
+  --color-bg: #ffffff;          /* Background = White */
+  --color-bg-alt: #ebebeb;      /* Alt background = D.Gray */
+  --color-border: #cdcac8;      /* Borders = Border Line */
+
+  /* ===== Typography ===== */
+  --font-primary: "Inter", "Noto Sans KR", system-ui, -apple-system,
+    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+  --font-korean: "Noto Sans KR", system-ui, sans-serif;
+  --font-english: "Inter", "Noto Sans", system-ui, sans-serif;
+
+  --text-size-body: 16px;
+  --text-size-small: 14px;
+  --text-size-caption: 12px;
+  --text-size-h1: 2.5rem;
+  --text-size-h2: 2rem;
+  --text-size-h3: 1.5rem;
+  --text-size-h4: 1.25rem;
+
+  /* ===== Spacing ===== */
+  --spacing-xs: 0.25rem;
+  --spacing-sm: 0.5rem;
+  --spacing-md: 1rem;
+  --spacing-lg: 1.5rem;
+  --spacing-xl: 2rem;
+  --spacing-2xl: 3rem;
+
+  /* ===== Border Radius ===== */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-full: 9999px;
+
+  /* ===== Shadows ===== */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+}
--- 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 |