skills.rest
ils15
ils15COMMUNITY
Explore all skills by this author →
GitHub

web-ui-analysis

Analyze web interfaces for WCAG 2.1 compliance and Core Web Vitals.

10|5|Updated Dec 12, 2025
Search Tags:#typography#accessibility#WCAG#responsive-design#color-contrast#core-web-vitals#ux-analysis
One-click install
npx skills add https://github.com/ils15/mythic-agents --skill web-ui-analysis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-ui-analysis
Source: https://github.com/ils15/mythic-agents/tree/main/skills/web-ui-analysis
Command: npx skills add https://github.com/ils15/mythic-agents --skill web-ui-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify UX issues and accessibility gaps in web interfaces, enabling faster remediation and better user satisfaction.

Core Features & Use Cases

  • Accessibility auditing against WCAG 2.1 standards (AA/AAA) to ensure inclusive design.
  • Color contrast, typography hierarchy, and readability analysis to improve legibility.
  • Layout, responsive design assessment and Core Web Vitals insights (LCP, CLS, FID) for performance-focused improvements.
  • Actionable improvements with example code snippets and guidelines to implement fixes.

Quick Start

Run a quick assessment on your current page: analyze the login page to generate an accessibility and UX improvement report with recommended changes and example code.

Frequently Asked Questions about web-ui-analysis

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

FAQPage Schema
How do I check my web interface for WCAG 2.1 compliance and accessibility gaps?▼

To check WCAG 2.1 compliance, analyze your web interface against AA/AAA standards to identify accessibility gaps. The assessment evaluates color contrast, typography hierarchy, and responsive design, providing actionable code snippets for fixes.

What is the best way to audit Core Web Vitals and UX issues on a landing page?▼

The best way to audit Core Web Vitals and UX issues is by evaluating the landing page against LCP, CLS, and FID metrics. This identifies performance bottlenecks and generates actionable remediation recommendations.

Can I assess color contrast and typography hierarchy for dashboard forms?▼

Yes, you can assess color contrast and typography hierarchy for dashboards and forms. The analysis checks readability against WCAG 2.1 AA standards and outputs actionable improvements with example code snippets.

Does this UX analysis evaluate responsive design breakpoints for web interfaces?▼

Yes, this UX analysis evaluates responsive design breakpoints for web interfaces. It assesses layout adaptability across screen sizes to ensure inclusive design and identify gaps impacting user experience.

How do I generate an accessibility improvement report with example code?▼

To generate an accessibility improvement report, run a quick assessment on your target page like a login form. The analysis identifies WCAG 2.1 gaps and outputs a detailed report with recommended changes and example code.

Related Skills

Explore More Design & Creative Skills→
MadAppGangMadAppGang
7

debug-ui

Capture screenshots and inspect DOM state to diagnose UI layout issues.

Official
Intermediate
Greenmamba29Greenmamba29

web-performance-audit

Audits web performance using Core Web Vitals and Lighthouse metrics.

Community
Advanced
lucasmccomblucasmccomb

design-review

Capture multi-viewport screenshots and analyze DOM, CSS, and computed styles for design issues.

Community
Advanced
ConductionNLConductionNL

test-accessibility

Audit web apps for WCAG 2.1 AA using axe-core scans and manual checks.

Official
Advanced