The latest articles on DEV Community by Sameer Khan (@imsameerkhan). https://dev.to/imsameerkhan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3022525%2F429e59dd-c906-4b0b-b506-85bbc18906b4.jpeg https://dev.to/imsameerkhan en Sameer Khan Sun, 06 Apr 2025 10:34:50 +0000 https://dev.to/imsameerkhan/automating-pr-reviews-how-i-enforced-screenshots-with-github-actions-3k8g https://dev.to/imsameerkhan/automating-pr-reviews-how-i-enforced-screenshots-with-github-actions-3k8g <h1> 🚀 Supercharge Your PRs with PR Quality Enforcer: </h1> <p><em>Frustrated with vague pull requests and missing screenshots? Meet **PR Quality Enforcer</em>* – your GitHub Actions hero!*</p> <h2> 🎯 The Pain of Shoddy PRs </h2> <p>Ever opened a pull request only to find: </p> <ul> <li>❌ <strong>No screenshots for UI changes</strong> – leaving reviewers guessing? </li> <li>❌ <strong>Cryptic descriptions</strong> like "Fixed stuff" – wasting everyone's time? </li> <li>❌ <strong>Endless back-and-forth</strong> – delaying merges?</li> </ul> <p>We’ve all been there. That’s why I built <strong>PR Quality Enforcer</strong> to transform chaos into clarity.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2klvpf3dd6ibq5v8je5h.jpeg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2klvpf3dd6ibq5v8je5h.jpeg" alt="check is getting pass" width="800" height="68"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmirkxw5m04kozslcw64s.jpeg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmirkxw5m04kozslcw64s.jpeg" alt="check is getting failed without screenshot" width="800" height="665"></a></p> <h2> ✨ How PR Quality Enforcer Works Its Magic </h2> <p>This open-source tool automates PR quality checks using GitHub Actions. Here’s how:</p> <h3> 1. 🧠 Smart PR Templates </h3> <p>Every PR starts with a clear structure to guide contributors:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> markdown ### Changes Made - [ ] Screenshot attached - [ ] Description of changes included **Screenshots**: &lt;!-- Drag and drop images here --&gt; **Related Issues**: &lt;!-- Link to Jira/GitHub issues --&gt; --- ## 🔥 Proof in Action Here’s what it looks like in a real-world repo: ### ❌ Before: A Failing PR No screenshots attached? Boom. The check fails with a red ❌ and a clear message. &gt; The checklist wasn’t completed, and the `check_screenshots` job failed fast. ### ✅ After: A Passing PR Screenshots added and template filled? Now you're talking. The check passes with a satisfying green ✅. &gt; All checks passed, including `check_screenshots`. Reviewers can merge with confidence. --- ## 🚀 Why You’ll Love It - ⚡ **30% Faster Reviews** – No more asking for basics - 👨‍💻 **Better Contributions** – Newbies know what's expected - 🐛 **Fewer Bugs** – Visual proof catches UI issues early --- ## 💻 Get Started Now! Add this to your repo’s `.github/` folder: - `.github/workflows/pr-screenshot-check.yml` - `.github/PULL_REQUEST_TEMPLATE.md` 🔗 GitHub Repo: [github.com/org-sameer/pr-quality-enforcer](https://github.com/org-sameer/pr-quality-enforcer) --- ## 💬 Join the Revolution - 💭 **What’s your biggest PR pet peeve?** - 🤖 **Tried automating PR quality checks yet?** Drop a comment or open an issue. ⭐ Star the repo. Contribute. Make PRs better, together. </code></pre> </div> githubactions opensource automation devops