
image-editing
Use when editing and enhancing images for Xiaohongshu content, improving photo quality with filters and adjustments, creating visually appealing images, or preparing images for carousel posts
- Installs
- 434
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill image-editing- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads image-editing automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Image Editing (图片编辑)
Overview
Image editing is the process of enhancing, retouching, and transforming photos for Xiaohongshu content using mobile editing apps to create visually appealing, professional-looking images that attract attention and convey information effectively.
When to Use
Use when:
- Preparing photos for Xiaohongshu posts
- Enhancing image quality (brightness, colors, sharpness)
- Creating before/after comparisons
- Adding text overlays and graphics
- Fixing photo issues (poor lighting, blemishes)
- Creating cohesive visual style across content
Do NOT use when:
- Image quality is already excellent (don't over-edit)
- Creating misleading edits (false before/after)
- Editing makes photo look unnatural (presets too heavy)
Core Pattern
Before (unedited photos):
❌ "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"
After (professionally edited):
✅ "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 Image Editing Elements:
- Basic Adjustments - Exposure, brightness, contrast, saturation
- Color Correction - Temperature, tint, vibrance, color grading
- Retouching - Blemish removal, skin smoothing, body shaping
- Creative Effects - Filters, presets, blurs, vignettes
- Text and Graphics - Overlays, stickers, frames, watermarks
Quick Reference
| Editing Tool | Best For | Learning Curve | Platform |
|---|---|---|---|
| Xingtu (醒图) | All-purpose editing | Low | iOS, Android |
| Meitu (美图秀秀) | Beauty retouching | Low | iOS, Android |
| Snapseed | Professional adjustments | Medium | iOS, Android |
| Canva | Text and graphics | Low | iOS, Android, Web |
| Lightroom Mobile | Color grading, presets | Medium-High | iOS, Android |
Implementation
Step 1: Master Basic Adjustments
Fundamental Photo Enhancements:
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)
Step 2: Apply Color Grading
Create Consistent Aesthetic:
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
Step 3: Retouch Photos
Enhance Without Being Misleading:
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
Step 4: Add Creative Effects
Enhance Visual Appeal:
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
Step 5: Add Text and Graphics
Create Informative Overlays:
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
Common Mistakes
| Mistake | Why Happens | Fix |
|---|---|---|
| Over-editing (too much filter) | Want perfect photo | Edit subtly, less is more |
| Inconsistent style across posts | Edit each photo individually | Create and use presets for consistency |
| Misleading before/after | Want dramatic results | Use same lighting/angle, disclose edits |
| Oversmoothing skin | Think flawless is best | Keep skin texture, natural look |
| Ignoring composition | Focus only on edits | Edit good photos (editing can't fix bad composition) |
| Heavy watermarks on all content | Fear of theft | Use selectively, or small unobtrusive watermark |
| Not saving presets | Recreate edits each time | Save successful edits as presets for efficiency |
Real-World Impact
Case Study: Image Quality Transformation
- Before: Posted raw phone photos, inconsistent style, 5% engagement rate
- After: Learned image editing, created preset, consistent aesthetic
- Result: 40% increase in engagement, follower growth doubled, brand partnerships increased (professional look attracted brands)
Data-Backed Insights:
- Edited images receive 2-3x more engagement than unedited photos (same subject matter)
- Accounts with consistent editing aesthetic grow 2x faster than inconsistent accounts
- Bright, warm-toned photos get 20% more engagement than cool, dark photos (lifestyle niche)
- Before/after posts with honest edits get 3x more saves than other content types
- Over-edited photos (heavy filters, oversmoothed skin) reduce trust by 30%
- Professional-looking photos (clean edits) attract 2x more brand partnerships
- Light, airy presets most popular for skincare/beauty (70% of top accounts)
Related Skills
REQUIRED: Use cover-design (image editing enhances cover design) REQUIRED: Use image-text-content (polished images for图文 posts)
Recommended for image editing:
- photo-editing-tools (master specific editing apps)
- content-layout (combine edited images into carousels)
- visual-branding (create consistent editing style)
- seeding-copywriting (edited images support product content)
Use image-editing WITH:
- cover-design (edit cover images for maximum appeal)
- image-text-content (polish images for图文 content)
- carousel-creation (edit all carousel images cohesively)
FAQ
What does the image-editing skill do?
Use when editing and enhancing images for Xiaohongshu content, improving photo quality with filters and adjustments, creating visually appealing images, or preparing images for carousel posts
How do I install image-editing?
Run npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill image-editing in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/image-editing/ (personal) or .claude/skills/image-editing/ (project).
Which AI agents can use image-editing?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is image-editing safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains image-editing?
It is published by vivy-yi in vivy-yi/xiaohongshu-skills. It has 434 recorded installs.
More from vivy-yi/xiaohongshu-skills
short-video-production
vivy-yi/xiaohongshu-skills
Use when creating video content for Xiaohongshu, filming vlogs or tutorials, editing short-form vertical video, or optimizing video for mobile viewing
copywriting-skills
vivy-yi/xiaohongshu-skills
Use when writing Xiaohongshu post content body, creating engaging captions, developing brand voice, or writing product descriptions and recommendations
viral-creation
vivy-yi/xiaohongshu-skills
Open the skill to read its SKILL.md instructions.
traffic-acquisition
vivy-yi/xiaohongshu-skills
Open the skill to read its SKILL.md instructions.
content-performance-analysis
vivy-yi/xiaohongshu-skills
Use when evaluating individual Xiaohongshu post performance, identifying what makes content succeed or fail, extracting viral content patterns, recognizing underperforming content that needs optimization, or comparing performance across different content types and formats
Popular media & creative skills
hyperframes
heygen-com/hyperframes
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of video needs.
media-use
heygen-com/hyperframes
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull, or should be stylized or hidden.
hyperframes-registry
heygen-com/hyperframes
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
ai-video-generation
101-skills/superpowers
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse
ai-image-generation
101-skills/superpowers
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image