mcpField
I
image-editing

image-editing

github.com/vivy-yiクリエイティブ・メディア508436 回インストール40 週間前に更新
リポジトリ

image-editing について

image-editingは、Xiaohongshu向けコンテンツの写真を整えるスキルです。基本調整、レタッチ、エフェクト、文字やグラフィックの追加を扱い、自然で一貫性のある編集も案内します。

主な機能

  1. 01露出、コントラスト、色の調整
  2. 02レタッチとシミの除去
  3. 03フィルター、プリセット、エフェクト
  4. 04文字やグラフィックの追加
  5. 05自然で統一感のある編集

活用シーン

  1. 01Xiaohongshu投稿用の写真準備
  2. 02編集前後の比較画像の作成
  3. 03画像へのタイトルや要点の追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill image-editing

インストール後、Claude Code で/image-editingを入力して読み込まれたか確認します。

詳細

画像編集(图片编辑)

概要

画像編集とは、モバイル編集アプリを使って小紅書(Xiaohongshu)向けコンテンツの写真を補正、レタッチ、加工し、目を引いて情報を効果的に伝える、魅力的でプロらしい画像を作成することです。

使用する場面

次の場合に使用します:

  • 小紅書の投稿用に写真を準備するとき
  • 画質(明るさ、色、シャープネス)を高めるとき
  • 編集前後の比較画像を作成するとき
  • テキストやグラフィックを重ねるとき
  • 写真の問題(光量不足、肌の blemish)を修正するとき
  • コンテンツ全体で一貫したビジュアルスタイルを作るとき

次の場合は使用しないでください:

  • すでに画質が非常に優れている場合(過度に編集しないでください)
  • 誤解を招く編集を作成するとき(偽の編集前後比較)
  • 編集によって写真が不自然に見える場合(プリセットが強すぎる)

基本パターン

編集前(未編集の写真):

❌ "Posted raw photos, dull lighting, poor colors"
❌ "No consistent style, images look amateur"
❌ "Blemishes and imperfections visible"
❌ "Photos don't match aesthetic of account"
❌ "Low engagement on image posts"

編集後(プロのように編集した写真):

✅ "Consistent editing style, all photos cohesive"
✅ "Enhanced colors and lighting, photos pop"
✅ "Professional look, higher perceived quality"
✅ "Branded aesthetic, followers recognize my style"
✅ "Before/after edits show transformations clearly"
✅ "Engagement increased 40% after improving image quality"

画像編集の5つの要素:

  1. 基本調整 - 露出、明るさ、コントラスト、彩度
  2. 色補正 - 色温度、色かぶり補正、鮮やかさ、カラーグレーディング
  3. レタッチ - 肌荒れの除去、肌のスムージング、体型補正
  4. クリエイティブ効果 - フィルター、プリセット、ぼかし、周辺光量
  5. テキストとグラフィック - オーバーレイ、ステッカー、フレーム、透かし

クイックリファレンス

編集ツール最適な用途習得の難易度プラットフォーム
Xingtu (醒图)あらゆる用途の編集低iOS、Android
Meitu (美图秀秀)美容レタッチ低iOS、Android
Snapseedプロ向け調整中iOS、Android
Canvaテキストとグラフィック低iOS、Android、Web
Lightroom Mobileカラーグレーディング、プリセット中〜高iOS、Android

実装

ステップ1:基本調整を習得する

写真を補正する基本項目:

Basic Adjustments Framework:

1. Exposure and Brightness
   Purpose: Fix lighting issues

   Overexposed (too bright):
   - Decrease exposure: -0.3 to -0.7
   - Decrease highlights: -20 to -50
   - Result: Recover blown-out details

   Underexposed (too dark):
   - Increase exposure: +0.3 to +0.7
   - Increase shadows: +20 to +50
   - Result: Brighten dark areas

   Pro Tip:
   ✅ Use histogram (if available)
   ✅ Aim for balanced distribution (not clipped)
   ✅ Check for blown highlights (red areas in preview)

2. Contrast and Tone
   Purpose: Add depth and dimension

   Low Contrast (flat, dull):
   - Increase contrast: +10 to +30
   - Increase highlights: +10 to +20
   - Decrease shadows: -10 to -20
   - Result: More dynamic range

   High Contrast (harsh):
   - Decrease contrast: -10 to -20
   - Increase shadows: +10 to +20
   - Result: Softer, more balanced

   Rule of Thumb:
   Most photos benefit from: Contrast +15

3. Saturation and Vibrance
   Purpose: Enhance or mute colors

   Boost Colors:
   - Increase vibrance: +15 to +30 (skin-safe)
   - Increase saturation: +10 to +20 (cautiously)
   - Result: Richer, more appealing colors

   Mute Colors (muted aesthetic):
   - Decrease saturation: -10 to -30
   - Increase brightness: +5 to +10
   - Result: Soft, minimal look

   Pro Tip:
   ✅ Use vibrance first (skin-safe)
   ✅ Use saturation sparingly (can oversaturate skin)
   ✅ Match aesthetic to niche (bright for lifestyle, muted for fashion)

4. Sharpness and Clarity
   Purpose: Enhance details and edges

   Soft Photo (lacked focus):
   - Increase sharpness: +20 to +40
   - Increase clarity: +10 to +20
   - Result: Crisper details

   Over-Sharp (harsh edges):
   - Decrease sharpness: -10 to -20
   - Decrease clarity: -10 to -20
   - Result: Softer look

   Pro Tip:
   ✅ Apply sharpening last (after all other edits)
   ✅ Zoom to 100% to check for halos (oversharpening)
   ✅ Less is more (subtle sharpness looks more natural)

Basic Adjustments Recipe (Starting Point):
- Exposure: 0 (adjust based on lighting)
- Brightness: +5 (slight brighten)
- Contrast: +15 (add depth)
- Warmth: +5 (slight warmth, flattering)
- Saturation: +10 (color boost)
- Vibrance: +20 (skin-safe color boost)
- Sharpness: +25 (crisp details)
- Clarity: +10 (subtle definition)
ステップ2:カラーグレーディングを適用する

一貫した美的スタイルを作る:

Color Grading Techniques:

1. Temperature and Tint
   Temperature (Warmth):
   - Cool (blue): -10 to -20 (clinical, modern)
   - Warm (yellow): +10 to +20 (cozy, friendly)

   Best for Skincare/Beauty:
   ✅ Warmth +5 to +15 (flattering skin tones)

   Best for Fashion:
   ⚪ Cool -5 to -15 (editorial look)

   Tint (Green-Magenta):
   - Most photos: 0 (neutral)
   - Correct color cast: -5 to +5
   - Creative: Adjust for mood

2. HSL (Hue, Saturation, Luminance)
   Hue (Color Color):
   - Shift specific colors (red → orange)
   - Creative: Change color palette
   - Example: Shift blue to teal for aesthetic

   Saturation (Color Intensity):
   - Boost specific colors: +10 to +30
   - Mute specific colors: -10 to -30
   - Example: Boost orange (skin flattering), mute green

   Luminance (Color Brightness):
   - Brighten specific colors: +10 to +30
   - Darken specific colors: -10 to -30
   - Example: Darken blue sky for drama

   Common HSL Adjustments:
   ✅ Orange (skin): Saturation +10, Luminance +5
   ✅ Blue (sky): Saturation +20, Luminance +10
   ✅ Green (nature): Saturation -10 (muted look)

3. Curves (Advanced)
   Purpose: Precise tonal control

   S-Curve (Contrast Boost):
   - Shadows: Lower left point slightly down
   - Highlights: Upper right point slightly up
   - Result: More contrast, pop

   Brighten Midtones:
   - Lift middle of curve upward
   - Result: Brighter image without blowing highlights

   Darken Highlights:
   - Lower upper part of curve
   - Result: Recover bright areas

   Pro Tip:
   ✅ Subtle curves adjustments (5-10 points)
   ✅ Avoid extreme curves (unnatural look)
   ✅ Use histogram as guide

4. Color Grading (Split Toning)
   Purpose: Creative color in highlights/shadows

   Warm Highlights, Cool Shadows:
   - Highlights: Yellow/orange, 10-20% saturation
   - Shadows: Blue, 10-20% saturation
   - Result: Cinematic, dimensional look

   Matching Popular Aesthetics:

   Instagram Aesthetic:
   - Highlights: Warm (yellow, 15% sat)
   - Shadows: Cool (blue, 10% sat)

   Minimal Aesthetic:
   - Highlights: Neutral (low saturation)
   - Shadows: Neutral (low saturation)

   Vintage Aesthetic:
   - Highlights: Warm (yellow, 20% sat)
   - Shadows: Warm (red, 15% sat)

5. Create and Save Presets
   Process:
   1. Edit photo to desired look
   2. Save adjustments as preset
   3. Name preset descriptively ("Warm Skincare", "Cool Fashion")
   4. Apply to future photos (one-tap consistency)

   Preset Benefits:
   ✅ Consistent aesthetic across account
   ✅ Faster editing workflow
   ✅ Recognizable brand style

   Preset Strategy:
   - Create 2-3 presets for different content types
   - Example: "Product Shot" (bright, clean), "Lifestyle" (warm, soft)
   - Apply preset, then fine-tune per photo
ステップ3:写真をレタッチする

誤解を招かない範囲で補正する:

Retouching Ethics and Techniques:

1. Skin Retouching
   Blemish Removal:
   - Use: Healing brush or blemish tool
   - Remove: Acne, scars, spots
   - Keep: Skin texture (don't blur completely)

   Skin Smoothing:
   - Light: Reduce pores slightly (natural look)
   - Medium: Smooth skin texture (common in beauty)
   - Heavy: Airbrushed (highly edited)

   Ethical Guideline:
   ✅ Remove temporary blemishes (acne, redness)
   ✅ Keep permanent features (moles, scars)
   ✅ Don't oversmooth (uncanny valley)
   ✅ Disclose significant edits if misleading

2. Body and Face Reshaping
   Tools Available:
   - Slim face, enlarge eyes, smooth jawline
   - Lengthen legs, slim waist

   Ethical Concerns:
   ⚠️ Can create unrealistic expectations
   ⚠️ May promote body image issues
   ⚠️ Followers may feel inadequate

   Recommendation:
   ✅ Use minimally (subtle enhancements)
   ✅ Avoid extreme reshaping (obviously fake)
   ✅ Consider impact on audience (especially younger followers)
   ✅ Disclose edits if promoting body positivity

3. Background Cleanup
   Remove Distractions:
   - Use: Healing brush, clone tool
   - Remove: Trash, people in background, messy areas
   - Keep: Natural environment (don't fake backdrop)

   Background Replacement:
   - ⚠️ Can be misleading (not real location)
   - ✅ Acceptable if disclosed (studio backdrop)
   - ✅ Creative choice (artistic background)

   Ethics:
   ✅ Remove distractions (clutter, random objects)
   ❌ Fake location or setting (misleading)
   ❌ Create false context (not real situation)

4. Before/After Edits
   Purpose: Show transformation

   Ethical Before/After:
   ✅ Same lighting (no manipulation)
   ✅ Same angle (no perspective trick)
   ✅ Honest time gap (realistic timeline)
   ✅ Disclose products used (transparency)

   Misleading Before/After:
   ❌ Different lighting (after is brighter/better)
   ❌ Different angle (more flattering in after)
   ❌ Fake time gap (results not realistic)
   ❌ Heavily edited after photo

   Example (Ethical):
   Before: Acne breakout (real photo)
   After: After using skincare product for 30 days (real photo)
   Edits: Color correction only (no fake skin)

   Example (Misleading):
   Before: Poor lighting, bad angle
   After: Great lighting, better angle, heavy retouching
   Claim: "Product transformed my skin in 1 week" (unrealistic)

5. Transparency and Disclosure
   When to Disclose:
   ✅ Heavily edited photos (obviously retouched)
   ✅ Reshaped body/face significantly
   ✅ Fake background or setting
   ✅ Before/after with manipulated results

   How to Disclose:
   - Caption: "Edited for brightness/color"
   - Hashtag: #edited #notreal
   - Honest: "This took 20 minutes of editing"
   - Educate: Show before/after of edit process

   When Not Required:
   ✅ Basic adjustments (exposure, color)
   ✅ Blemish removal (temporary)
   ✅ Normal retouching (industry standard)

   Ethics Rule of Thumb:
   If edit creates unrealistic expectation → Disclose
   If edit is minor/basic → No disclosure needed
ステップ4:クリエイティブ効果を追加する

ビジュアルの魅力を高める:

Creative Enhancement Options:

1. Filters and Presets
   Filter Types:
   - Bright/Airy: High exposure, low contrast, warm
   - Moody: Low exposure, high contrast, cool
   - Vintage: Fade, warm tone, slight vignette
   - Black & White: Classic, timeless

   Best Practices:
   ✅ Match filter to content mood
   ✅ Use consistently (build aesthetic)
   ✅ Don't over-filter (subtle is better)
   ✅ Create own presets (unique style)

   Filter Recommendations by Niche:

   Skincare/Beauty:
   - Bright, airy, warm
   - Low contrast, high exposure
   - Clean, fresh look

   Fashion:
   - Moody or minimal
   - Low saturation or black & white
   - Editorial style

   Food:
   - Warm, vibrant
   - High saturation (appetizing)
   - Slight contrast boost

2. Blur and Bokeh
   Purpose: Focus attention, create depth

   Radial Blur (Focus Subject):
   - Center sharp, edges blurred
   - Use for: Product shots, portraits
   - Settings: Blur amount 20-40%

   Tilt-Shift (Miniature Effect):
   - Horizontal blur band
   - Use for: Creative flat lay, scenes
   - Settings: Blur position top/bottom

   Background Blur (Portrait Mode):
   - Subject sharp, background blurred
   - Use for: portraits, product isolation
   - Settings: Blur amount 30-50%

3. Vignette
   Purpose: Draw attention to center

   Subtle Vignette:
   - Dark edges, bright center
   - Use for: Portraits, product shots
   - Settings: Vignette amount 10-20%

   Creative Vignette:
   - Strong dark edges
   - Use for: Dramatic effect
   - Settings: Vignette amount 30-40%

   Pro Tip:
   ✅ Subtle is better (10-15% is usually enough)
   ✅ Don't overuse (every photo doesn't need vignette)

4. Grain and Texture
   Purpose: Add film-like quality

   Film Grain:
   - Adds texture, reduces digital look
   - Use for: Vintage aesthetic, moody photos
   - Settings: Grain amount 15-30%

   Light Leaks:
   - Adds warm, dreamy spots
   - Use for: Creative, artistic photos
   - Settings: Leak opacity 20-40%

   Dust and Scratches:
   - Adds vintage, aged look
   - Use for: Retro aesthetic
   - Settings: Texture amount 10-20%

5. Duotone and Color Effects
   Duotone (Two-Color):
   - Shadows: One color
   - Highlights: Another color
   - Use for: Creative, artistic effect

   Gradient Map:
   - Maps grayscale to color gradient
   - Use for: Unified color scheme

   Color Splash:
   - Selective color (rest is B&W)
   - Use for: Focus attention on color element
ステップ5:テキストとグラフィックを追加する

情報を伝えるオーバーレイを作成する:

Text and Graphic Elements:

1. Text Overlays
   When to Add Text:
   ✅ Titles (product name, topic)
   ✅ Key points (summary slides)
   ✅ Call-to-action (follow, link in bio)
   ✅ Quotes (testimonials, tips)

   Text Design Principles:
   - Font: Readable, matches aesthetic (avoid overly decorative)
   - Size: Large enough to read on mobile screen
   - Color: High contrast (dark text on light, or vice versa)
   - Position: Don't cover focal point
   - Background: Semi-transparent box or blur behind text

   Tools:
   - Canva (text templates)
   - Xingtu (text overlays)
   - Phonto (custom fonts)

2. Stickers and Decorations
   Types:
   - Arrows (point to features)
   - Circles/Underlines (highlight text)
   - Icons (checkmarks, hearts, stars)
   - Frames (borders, corners)

   Usage:
   ✅ Highlight key information
   ✅ Add visual interest
   ✅ Guide viewer's eye
   ⚠️ Don't overuse (cluttered)

3. Watermarks
   Purpose: Protect content, brand image

   Placement:
   - Corner (least intrusive)
   - Center (harder to remove)
   - Tiled (repeating across image)

   Design:
   - Logo or username
   - Semi-transparent (30-50% opacity)
   - Small but visible

   Pro/Con:
   ✅ Protects from theft
   ❌ Distracts from image
   ❌ Reduces aesthetic quality

   Recommendation:
   - Use on high-value content (product photography)
   - Skip on personal photos (lifestyle, behind-the-scenes)

4. Frames and Borders
   Types:
   - Simple border (white, black line)
   - Polaroid frame (white bottom, text space)
   - Rounded corners (soft look)
   - Decorative frame (designer border)

   Usage:
   ✅ Separate image from background
   ✅ Add space for text
   ✅ Create cohesive look for carousel

5. Comparison Graphics
   Before/After Layout:
   - Side-by-side (before left, after right)
   - Split screen (vertical or horizontal divider)
   - Labels: "Before" and "After" text

   Design:
   ✅ Consistent lighting (no manipulation)
   ✅ Same size/scale (fair comparison)
   ✅ Clear labels (viewer knows which is which)
   ✅ Arrow or line highlighting difference

   Tools:
   - Before/After maker apps
   - Manual layout in Canva
   - Split screen in editing app

よくある間違い

間違い起きる理由対処法
過度な編集(フィルターが強すぎる)完璧な写真にしたい控えめに編集する。やりすぎないことが大切です
投稿ごとにスタイルが一貫しない写真を1枚ずつ別々に編集する一貫性を保つため、プリセットを作成して使用する
誤解を招く編集前後比較劇的な結果を求める同じ照明とアングルで撮影し、編集したことを明記する
肌を過度になめらかにする欠点のない肌が最善だと思う肌の質感を残し、自然に仕上げる
構図を無視する編集だけに集中する良い写真を編集する(編集では悪い構図を直せません)
すべてのコンテンツに大きな透かしを入れる盗用を恐れる使用を限定するか、目立たない小さな透かしにする
プリセットを保存しない毎回同じ編集をやり直す効率化のため、うまくいった編集をプリセットとして保存する

実際の効果

事例:画像品質の向上

  • 編集前:スマートフォンで撮影した未加工写真を投稿し、スタイルに一貫性がなく、エンゲージメント率は5%
  • 編集後:画像編集を習得し、プリセットを作成して、一貫した美的スタイルを確立
  • 結果:エンゲージメントが40%増加し、フォロワーの増加率は2倍に。ブランド提携も増加(プロらしい見た目がブランドを引き付けた)

データに基づく知見:

  • 編集済み画像は、未編集の写真よりエンゲージメントを2〜3倍獲得します(被写体が同じ場合)
  • 編集スタイルに一貫性のあるアカウントは、一貫性のないアカウントより2倍速く成長します
  • 明るく暖色系の写真は、寒色系で暗い写真よりエンゲージメントが20%高くなります(ライフスタイル分野)
  • 誠実な編集前後比較の投稿は、ほかの種類のコンテンツより保存数が3倍になります
  • 編集しすぎた写真(強いフィルター、肌の過度なスムージング)は信頼を30%低下させます
  • プロらしい写真(すっきりとした編集)は、ブランド提携を2倍獲得しやすくなります
  • 明るく軽やかなプリセットは、スキンケア・美容分野で最も人気があります(人気アカウントの70%)

関連スキル

必須: cover-design を使用してください(画像編集はカバーデザインを強化します) 必須: image-text-content を使用してください(画像とテキストの投稿向けに画像を磨き上げます)

画像編集に推奨:

  • photo-editing-tools(特定の編集アプリを使いこなす)
  • content-layout(編集した画像をカルーセルに組み合わせる)
  • visual-branding(一貫した編集スタイルを作成する)
  • seeding-copywriting(編集した画像が商品コンテンツを支える)

画像編集を併用する対象:

  • cover-design(魅力を最大化するためにカバー画像を編集する)
  • image-text-content(画像とテキストのコンテンツ向けに画像を磨き上げる)
  • carousel-creation(すべてのカルーセル画像を統一感をもって編集する)

コメント