aombbfcciojaggciifnmpbcijboehfaf
Visually detect UI bugs in user-selected sections of a web page. UI Bug Detector 1.0.0 Chrome Extension UI Bug Detector 1.0.0 is an advanced Chrome extension built to scan and detect UI and functionality-related bugs across any live webpage. It’s a powerful tool for developers, QA engineers, and UI/UX teams looking to streamline bug discovery and generate professional bug reports instantly. Key Features: 🔍 Automated UI Bug Detection: - Scans entire web pages for visual layout issues in real time - Detects broken elements, overlaps, font inconsistencies, and responsive layout problems - Works across static and dynamic websites ⚙️ Functionality-Level Bug Finder: - Identifies non-working buttons, broken links, and JavaScript console errors - Flags common interaction failures and logic issues - Helps validate functional stability across workflows 🧾 Smart Report Generation (HTML & PDF): - Exports structured bug reports in HTML and PDF formats Categorizes issues into: - Visual Bugs - Functional Bugs - Best Practice Violations - Includes severity levels and step-by-step findings - Perfect for sharing with dev teams, stakeholders, and clients 📊 Visual Indicators and Bug Highlights: - Annotates detected issues with overlays (optional) - Clearly distinguishes issue types on-page - Easy navigation of reported issues 🧠 AI Services – Coming Soon: - Advanced AI-powered analysis for mockup comparison, bug prioritization, and anomaly detection - Smart testing assistant to reduce manual analysis effort - Scheduled for upcoming versions Professional Use Cases: - Frontend QA for websites and SPAs - Pre-release product validation - Freelance client website audits - Accessibility and responsiveness verification - Streamlined bug reporting for team collaboration User-Friendly Interface: - One-click “Scan Now” button - Intuitive report viewer with filtering - Export bug reports in one click - No signup, no bloat — just click, scan, and report Security and Reliability: - Runs 100% on the client side - No data is sent to external servers - Works offline — ideal for secure environments - Transparent permission use and minimal access How to Use: - Click the UI Bug Detector icon from the Chrome toolbar - Click "Scan Now" to analyze the current page - Review visual and functional bugs detected - Export the full report in HTML or PDF - Share or archive the findings for review or debugging Permissions Needed: This extension requires access to the active tab and page content to detect bugs and export structured reports accurately.
Impeccable
Detect common UI anti-patterns in any web page Impeccable detects 41 common UI anti-patterns directly in your browser. Open DevTools on any page and overlays instantly highlight issues, from AI-generated design tells to accessibility and quality problems. AI slop (design tells that scream "AI made this"): - Cream and beige "AI default" backgrounds - Purple/violet AI color palettes - Gradient text on headings - Side-tab and rounded-border accent stripes - Nested cards, monotonous spacing, icon-tile stacks - Bounce and elastic easing, hover image zoom - Dark mode with glowing accents - Overused or single-family fonts, flat type hierarchy - Oversized H1s, extreme negative letter-spacing, italic-serif heroes - Uppercase eyebrows, repeated kickers, numbered section markers - Em-dash overuse, marketing buzzwords, "not just X, it's Y" cadence - Thin borders with wide drop shadows, repeating-stripe backgrounds Quality issues (general design and accessibility): - Low contrast text (WCAG AA), gray text on colored backgrounds - Cramped padding, tight line height - Skipped heading levels - Line length too long, text running to the viewport edge - Tiny body text, justified text, all-caps body copy, wide letter-spacing - Layout-property animations, clipped overflow containers, text overflow - Broken images 1. Install the extension 2. Open DevTools on any page (Cmd+Opt+I / F12) 3. Overlays appear automatically, highlighting issues 4. Click the "Impeccable" panel tab for a structured list of all findings 5. Click any finding to jump to the element in the Elements panel - Auto-scans when DevTools opens, no manual step needed - Grouped findings: AI tells vs. quality issues - Click-to-inspect: jump from a finding to the element - Toggle overlays on/off from the panel or toolbar popup - Per-rule settings: disable detections you don't care about - Re-scans on navigation, including SPA route changes - Works on any website - Runs 100% locally, no data sent anywhere
Visual Inspect UI
Advanced Visual Inspector for Editing Web Page Elements. Visual Inspect UI is a powerful tool for interactive web element inspection. It enables users to modify styles and text content with ease while providing access to media resources and page elements through a modern, user-friendly interface. ✔ View and modify styles in real-time ✔ Edit text content directly on the page ✔ Interactive element highlighting ✔ Fixed sidebar panel for quick access ✔ Image Scraper: Find and access page images (works with non-CORS protected images) ✔ Video Scraper: Locate video sources (works with non-CORS protected videos) ✔ One-click media file access 📄 Page Tools ✔ Export Source: Save page HTML with one click ✔ Reset Interface: Clear the panel and UI elements for a fresh workspace Featuring a sleek translucent design and a user-friendly interface, Visual Inspect UI is the perfect extension for developers, designers, and content creators looking to inspect and extract web content efficiently. ➡ Download now and take web inspection to the next level! 🚀
Accessible Web Helper
Discover and highlight accessibility violations on the web with the push of a button. Identify & resolve accessibility issues with Accessible Web Helper. This powerful Chrome extension helps you meet web accessibility compliance. With WCAG guidelines at its core, the extension offers a range of functionalities to promote an inclusive web experience. Ditch cumbersome spreadsheets and turbo-charge your accessibility efforts with RAMP and the Accessible Web Helper. Scan in Real-Time Scan any page, any time. Get instant feedback and recommendations for improved accessibility. Remediate and re-scan as you fix violations, or assign them to your team as tasks in RAMP. View Detailed Scan Results Each result allows you to view the affected elements, success criteria, and violation severity. Users with paid RAMP subscriptions will be able to view remediation recommendations custom made by our team of specialists. Highlight Affected Elements Highlight the affected elements directly on the page according to their violation. This allows you to pinpoint and visualize the exact barrier. Check Color Contrast Ratios Select any two colors on your page to check their contrast ratio and WCAG conformance. Guided Manual Accessibility Audit With a paid subscription, the guided audit tool walks you through a series of tests to comprehensively audit for all WCAG success criteria and achieve full WCAG conformance. Relevant elements are automatically detected and may be highlighted for further inspection. Streamline Your Workflow Pair the Accessible Web Helper with RAMP to unlock its full potential. Manual audit findings are pushed into your RAMP account for easy management. Remove cumbersome spreadsheets from your workflow! The Accessible Web Helper is a must-have tool for individuals and organizations committed to providing an inclusive web environment. Enhance accessibility compliance, improve user experiences, and foster a more inclusive internet with our powerful Chrome extension. Install now and embark on a journey towards web accessibility for all.
SEO Elements Checker
Identify on-page SEO elements on any website. Elevate your website's SEO game with the RBBI SEO Elements Checker! This user-friendly Chrome extension is designed to quickly and efficiently identify essential on-page SEO elements on any website. With just a single click, gain insights into the following: Page Title: Check the length and optimization status of your page title. An optimized title can significantly impact your search engine rankings. Meta Description: Review your meta description's length and optimization status. A well-crafted meta description can improve click-through rates from search engine results. Canonical URL: Ensure that search engines are indexing the correct version of your page. H1 Tags: Identify the number of H1 tags and view their content. A clear and relevant H1 can enhance user experience and SEO. Page Word Count: Understand the depth of your content at a glance. Robots Tag: Ensure that search engines can correctly crawl and index your page. Page Language: Confirm the language setting of your page for better regional SEO. Additionally, the extension provides visual indicators for optimization, helping you quickly identify areas of improvement. Whether you're an SEO professional or just getting started, the RBBI SEO Elements Checker is a must-have tool in your arsenal.
