mcpField
V
visual-quality-improver

visual-quality-improver

github.com/qodex-aiCreative & media47136 installsUpdated 42w ago
Repository

About visual-quality-improver

A skill for improving screenshots and digital images through upscaling, sharpening, and artifact reduction. It is intended for image preparation across documentation, social media, presentations, and print, including batch processing.

Key features

  1. 01Image quality analysis
  2. 02Resolution upscaling
  3. 03Edge and detail sharpening
  4. 04Compression artifact and noise reduction
  5. 05Batch folder processing

Use cases

  1. 01Preparing screenshots for documentation
  2. 02Improving images for social media
  3. 03Upscaling images for presentations
  4. 04Cleaning up compressed image files

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill visual-quality-improver

After installing, type/visual-quality-improverin Claude Code to confirm it loaded.

Details

From the project README

Image Enhancer

This skill takes your images and screenshots and makes them look better—sharper, clearer, and more professional.

When to Use This Skill

  • Improving screenshot quality for blog posts or documentation
  • Enhancing images before sharing on social media
  • Preparing images for presentations or reports
  • Upscaling low-resolution images
  • Sharpening blurry photos
  • Cleaning up compressed images

What This Skill Does

  1. Analyzes Image Quality: Checks resolution, sharpness, and compression artifacts
  2. Enhances Resolution: Upscales images intelligently
  3. Improves Sharpness: Enhances edges and details
  4. Reduces Artifacts: Cleans up compression artifacts and noise
  5. Optimizes for Use Case: Adjusts based on intended use (web, print, social media)

How to Use

Basic Enhancement
Improve the image quality of screenshot.png

Enhance all images in this folder
Specific Improvements
Upscale this image to 4K resolution

Sharpen this blurry screenshot

Reduce compression artifacts in this image
Batch Processing
Improve the quality of all PNG files in this directory

Example

User: "Improve the image quality of screenshot-2024.png"

Output:

Analyzing screenshot-2024.png...

Current specs:
- Resolution: 1920x1080
- Format: PNG
- Quality: Good, but slight blur

Enhancements applied:
✓ Upscaled to 2560x1440 (retina)
✓ Sharpened edges
✓ Enhanced text clarity
✓ Optimized file size

Saved as: screenshot-2024-enhanced.png
Original preserved as: screenshot-2024-original.png

Inspired by: Lenny Rachitsky's workflow from his newsletter - used for screenshots in his articles

Tips

  • Always keeps original files as backup
  • Works best with screenshots and digital images
  • Can batch process entire folders
  • Specify output format if needed (PNG for quality, JPG for smaller size)
  • For social media, mention the platform for optimal sizing

Common Use Cases

  • Blog Posts: Enhance screenshots before publishing
  • Documentation: Make UI screenshots crystal clear
  • Social Media: Optimize images for Twitter, LinkedIn, Instagram
  • Presentations: Upscale images for large screens
  • Print Materials: Increase resolution for physical media

Comments

Markdown supported