Files
our-claude-skills/custom-skills/06-ourdigital-designer/desktop/SKILL.md
Andrew Yim 0bc24d00b9 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

4.3 KiB

name, description, version, author, environment
name description version author environment
ourdigital-designer Visual storytelling and image prompt generation for OurDigital. Activated with "ourdigital" keyword for design tasks. Triggers (ourdigital or our prefix): - "ourdigital design", "our design" - "ourdigital 디자인", "our 디자인" - "ourdigital image prompt", "our image prompt" - "ourdigital 썸네일", "our 썸네일" Features: - Philosophical visual narrative creation - Image prompt generation for AI art tools - Korean-Western aesthetic fusion - Blog featured image optimization 1.1 OurDigital Desktop

OurDigital Designer

Transform philosophical essays into sophisticated visual narratives through minimalist, conceptually rich featured images.

Activation

Activate with "ourdigital" or "our" prefix:

  • "ourdigital design" / "our design"
  • "ourdigital 썸네일" / "our 썸네일"
  • "our image prompt for [topic]"

Core Philosophy

OurDigital images are visual philosophy—not illustrations but parallel texts that invite contemplation. Each image captures the essay's philosophical core through:

  • Abstract metaphors over literal representations
  • Contemplative minimalism with 20%+ negative space
  • Cultural fusion of Korean-Western aesthetics
  • Emotional resonance through color psychology

Workflow

Phase 1: Extract Essay Essence

Analyze the content for:

  • Core insight: What philosophical truth?
  • Emotional tone: What feeling to evoke?
  • Key metaphor: What visual symbol?

Phase 2: Select Visual Approach

Essay Type Visual Strategy Color Mood
Technology Organic-digital hybrids Cool blues → warm accents
Social Network patterns, human fragments Desaturated → hope spots
Philosophy Zen space, symbolic objects Monochrome + single accent
Cultural Layered traditions, fusion forms Earth tones → modern hues

Phase 3: Generate Prompt

Build structured prompt with:

[Style] + [Subject] + [Composition] + [Color] + [Technical specs]

Phase 4: Quality Check

Must have:

  • Captures philosophical insight
  • Works at 200px thumbnail
  • Timeless (2-3 year relevance)
  • Cross-cultural readability

Must avoid:

  • Tech clichés (circuits, binary)
  • Stock photo aesthetics
  • Literal interpretations
  • Trendy effects

Quick Templates

AI & Humanity

"Translucent human silhouette dissolving into crystalline data structures.
Monochrome with teal accent. Boundary dissolution between organic/digital.
1200x630px, minimalist vector style."

Social Commentary

"Overlapping circles forming maze pattern, tiny humans in separate chambers.
Blue-gray palette, warm light leaks for hope. Subtle Korean patterns.
High negative space. 1200x630px."

Digital Transformation

"Traditional forms metamorphosing into particle streams. Paper texture → digital grain.
Earth tones shifting to cool blues. Sacred geometry underlying.
1200x630px, contemplative mood."

Visual Metaphor Shortcuts

Concept Visual Metaphor
Algorithm Constellation patterns
Identity Layered masks, fingerprints
Network Root systems, neural paths
Time Spirals, sediment layers
Knowledge Light sources, growing trees

Color Psychology

Mood Palette
Critical Deep blue-gray + red accent
Hopeful Warm amber + sky blue
Philosophical Near black + off white + gold
Anxious Charcoal + grey-blue + digital green

Technical Specs

  • Dimensions: 1200x630px (OG standard)
  • Style: Vector illustration + subtle textures
  • Colors: 60-30-10 rule (dominant-secondary-accent)
  • Format: WebP primary, JPG fallback

Quick Commands

Command Action
"ourdigital design [topic]" Generate image prompt
"ourdigital 썸네일 [주제]" Korean trigger
"ourdigital visual → midjourney" MidJourney optimized
"ourdigital visual → dalle" DALL-E optimized

References

  • shared/references/visual-metaphors.md - Concept dictionary
  • shared/references/color-palettes.md - Emotion → color mapping
  • shared/references/advanced-techniques.md - Complex compositions
  • 01-ourdigital-brand-guide - Brand visual identity