ui-oddity-scan

Audit web pages for visual, copy, and UI consistency issues.

Updated Jul 23, 2026
One-click install
npx skills add https://github.com/Theycallmeholla/skills --skill ui-oddity-scan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-oddity-scan
Source: https://github.com/Theycallmeholla/skills/tree/main/skills/ui-oddity-scan
Command: npx skills add https://github.com/Theycallmeholla/skills --skill ui-oddity-scan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, pillow, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the problem of "skimming blindness," where obvious visual, copy, and structural errors on a web page go unnoticed by the team that built it.

Core Features & Use Cases

  • Visual & Copy Audit: Identifies duplicated information, stray text, placeholder content, and imagery that doesn't fit the business context.
  • Structural Analysis: Evaluates page layout for alignment issues, overcrowding, and inconsistent formatting.
  • Use Case: Before launching a landing page, use this skill to ensure your phone number isn't repeated seven times, your CTAs are clear, and your imagery aligns with your business goals.

Quick Start

Run the ui-oddity-scan skill on the provided URL to generate a comprehensive visual audit report.

Frequently Asked Questions about ui-oddity-scan

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a web page for UI consistency and visual design issues?

You can audit a web page for UI consistency by running this skill on a live URL or local file to capture screenshots, extract DOM text, and generate a section-by-section HTML report identifying visual and structural errors.

What is automated screenshot capture for UI audits and how does it work?

Automated screenshot capture for UI audits uses browser automation to render web pages and capture visual states, enabling systematic evaluation of layout alignment, overcrowding, and inconsistent formatting without manual inspection.

How do I check landing page copy for duplicated text and placeholder content?

To check landing page copy for duplicated text and placeholder content, this skill extracts DOM text and performs inventory-based audits to identify repeated information, stray text, and imagery that doesn't fit the business context.

Can I use Playwright to extract DOM text and capture screenshots for conversion optimization?

Yes, this skill uses Playwright to automate screenshot capture and DOM text extraction from live URLs, analyzing copy structure and visual design to improve user trust and conversion rates.

What's the best way to identify CTA and heading inconsistencies on a web page?

The best way to identify CTA and heading inconsistencies is to run an inventory-based audit that catalogs headings, facts, and CTAs, then generates an HTML report highlighting duplicated information and formatting issues.

Does this UI audit tool work with local HTML files or only live URLs?

This UI audit tool works with both live URLs and local files, performing inventory-based audits of visual design, copy structure, and UI consistency to generate section-by-section HTML reports.