Open-Source AI Tool Flags UX Friction by Drawing Bounding Boxes on Webpages

·1 views

A team building Plyxo Community Edition has developed an open-source Visual CRO (Conversion Rate Optimization) engine that identifies UX and design friction points traditional tools like Google Lighthouse cannot detect. The system uses a Puppeteer-powered headless Chrome pipeline to capture high-DPI full-page screenshots of any target URL. Those screenshots are then passed to a multimodal vision model, which returns structured JSON containing normalized bounding-box coordinates that pinpoint problem areas such as low-contrast CTAs, cluttered pricing tables, or hidden form requirements. An interactive canvas overlay renders the flagged zones visually on the screenshot, and the model simultaneously generates Tailwind CSS code fixes that developers can copy and apply directly. The project is open-source and aims to bridge the gap between automated performance auditing and human-level visual UX analysis.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Developer Launches CloudStack Directory for Open-Source and Self-Hosted Tools

A developer has launched CloudStack Directory, a curated online platform focused on open-source software and self-hosted applications. The directory provides standardized Docker Compose configurations and troubleshooting guides designed for quick, copy-paste deployment. It covers categories including DevOps, storage, automation, and productivity tools. The platform is ad-free and aims to serve developers and homelab enthusiasts seeking clean, minimal deployment references. The project is live at cloudstackdir.xyz, and the creator is actively seeking community feedback and tool suggestions.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

AI Web App Matches Donors and Volunteers With Local Charities Instantly

A developer has built 'Generosity Matchmaker,' an AI-powered web application submitted for DEV Community's Weekend Challenge: Generosity Edition. The app connects individuals who want to donate items — such as books, clothes, or volunteer time — with local charities and community organizations. Users describe what they wish to contribute, and the app uses Google's Gemini 2.5 Flash model to generate a tailored action plan, preparation steps, and a ready-to-send outreach message. The project is built with Python, Streamlit for the frontend, and the Google GenAI SDK for natural language processing. Both a live demo and the source code are publicly available via the developer's GitHub repository.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Tech Thriller Serial: AI Audit Deception Deepens as Alex Decodes Fabricated Data

In the latest installment of the 'Stratagems' fiction series on DEV Community, analyst Alex receives a cryptic late-night message from Derek containing a sample of suspicious server access intervals. Alex identifies an anomalous backoff pattern — 45s, 45s, 90s, 180s — that stops abruptly rather than completing its expected doubling sequence. He recognizes the skeleton of the pattern from his own private archive, though the base interval differs, suggesting the data was deliberately fabricated with one deliberate flaw. Derek directs Alex to focus only on the middle layer of activity, echoing a pattern of selective reporting seen throughout the series. The episode continues an ongoing narrative involving AI audit manipulation, planted fingerprints, and a web of deception among characters linked to a group identified as ACL.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Engineer shares five lessons from reviewing 1,135 AI-generated pull requests

A software developer spent five months running an autonomous AI coding team inside a GitHub repository, overseeing more than 1,100 agent-written pull requests. A key finding was that dry-run script output and real execution output can diverge silently, leading reviewers to draw conclusions from misleading evidence rather than actual results. The developer also found that using a different AI model for code review than the one that wrote the code helped catch errors more reliably. Agent roles defined as structured data — rather than hardcoded logic — made it easier to version, diff, and audit agent behaviour over time. The project is open-source under the AGPL-3.0 licence and is designed to run entirely on a user's own machine without a third-party service.

0 comments Read more at DEV Community