image_enhancer
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
- Analyzes Image Quality: Checks resolution, sharpness, and compression artifacts
- Enhances Resolution: Upscales images intelligently
- Improves Sharpness: Enhances edges and details
- Reduces Artifacts: Cleans up compression artifacts and noise
- 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 Image Enhancer v1.1 - Enhanced
🔄 Workflow
Kaynak: OpenCV Best Practices & Lenny's Newsletter
Aşama 1: Pre-processing
- Analysis: Histogram ve çözünürlük analizi yap.
- Noise Reduction: Denoising (Gaussian Blur veya AI tabanlı) uygula.
- Format: Kayıpsız düzenleme için RAW veya PNG formatına çevir.
Aşama 2: Enhancement
- Upscaling: AI Upscaler (ESRGAN, SwinIR) ile x2 veya x4 çözünürlük artır.
- Sharpening: Unsharp Masking ile kenarları belirginleştir.
- Correction: Renk dengesi ve kontrast ayarlarını optimize et.
Aşama 3: Output Optimization
- Compression: Web için MozJPEG veya TinyPNG ile sıkıştır (Görsel kaliteyi koruyarak).
- Metadata: Gereksiz EXIF verilerini temizle.
Kontrol Noktaları
| Aşama | Doğrulama |
|---|---|
| 1 | Yazılar okunabilir durumda mı (OCR testi)? |
| 2 | Upscaling sonrası "yapaylık" (artifacts) oluştu mu? |
| 3 | Dosya boyutu web kullanımı için uygun mu (<200KB)? |
More from vuralserhat86/antigravity-agentic-skills
skill_creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
37huggingface_transformers
Hugging Face Transformers best practices including model loading, tokenization, fine-tuning workflows, and inference optimization. Use when working with transformer models, fine-tuning LLMs, implementing NLP tasks, or optimizing transformer inference.
22responsive_design
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
20cache_patterns
Instruction set for enabling and operating the Spring Cache abstraction in Spring Boot when implementing application-level caching for performance-sensitive workloads.
16zustand_state
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
14vitest_runner
Modern JavaScript/TypeScript testing with Vitest including mocking and coverage.
13