dev-screenshot-beautifierlisted

# 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): 1. **Raw screenshot path** — PNG preferred over JPEG for clean edges. 2. **Device frame**: browser chrome (Chrome/Safari/Arc), iPhone bezel, Android, MacBook, iPad, or none (just soft shadow)? 3. **Background vibe**: soft studio gradient, brand palette, dark rim-lit surface, glassmorphic, matte neutral? 4. **Output target + aspect**: blog hero (16:9), Twitter card (1200×675), LinkedIn (1200×627), mobile story (9:16), doc inline (3:2)? 5. **Dark mode variant needed?** If yes, generate a paired dark version. Skip if the user hands over a detailed brief. ## How to Run 1. **Estimate the background