dev-screenshot-beautifier

Installation
SKILL.md

Screenshot beautifier

A polish pipeline that takes a raw UI screenshot (localhost capture, production screen grab, mobile viewport) and turns it into a blog-ready, changelog-ready, doc-ready hero: device-framed, drop-shadowed, on a gradient backdrop, dark-mode matched.

When to Use

  • Release notes / changelog entries that need a hero image per ship.
  • Blog posts and docs that reference a product screen.
  • PR descriptions where a raw screenshot looks amateurish.
  • Twitter/LinkedIn launch posts where the screenshot is the creative.
  • Dark-mode and light-mode site variants that each need their own polished hero.
  • PM/eng team members who don't have a designer on call.

Not for: generating UI that doesn't exist (use Figma or a mockup tool), or replacing real content with fake text (prefer annotation/blurring).

Prerequisites

Before processing, ask (one message, 5 questions):

Installs
60
GitHub Stars
4
First Seen
May 27, 2026
dev-screenshot-beautifier — picsart/gen-ai-skills