skills.rest
andersoncollab
andersoncollabCOMMUNITY
Explore all skills by this author →
GitHub

visual-audit

Evaluate website visual quality across seven dimensions using DFII scoring.

Updated Aug 23, 2026
Search Tags:#accessibility#design systems#quick wins#visual audit#ui quality#wcag aa#dfii scoring
One-click install
npx skills add https://github.com/andersoncollab/design-agent --skill visual-audit-andersoncollab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-audit
Source: https://github.com/andersoncollab/design-agent/tree/main/skills/visual-audit
Command: npx skills add https://github.com/andersoncollab/design-agent --skill visual-audit-andersoncollab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual audits help you replace subjective “looks off” feedback with a scored, evidence-based report that pinpoints exactly what to fix to improve quality, consistency, and accessibility.

Core Features & Use Cases

  • Seven-dimension evaluation: Typography, color, spacing, layout, components, motion, and accessibility.
  • DFII scoring for prioritization: Computes a Design Feasibility & Impact Index using Impact, Fit, Feasibility, Performance, and Consistency Risk to rank issues by ROI.
  • Actionable outcomes: Produces per-dimension breakdowns, specific issues with DFII scores, and a Quick Wins section to guide fast improvements.
  • Use cases: Existing site audits, brand compliance checks, redesign planning, competitive benchmarking, component-library health checks, mobile responsiveness reviews, post-launch visual QA, and developer handoff verification.

Quick Start

Ask the AI to perform a visual audit of your website and return a DFII-scored report with per-dimension issues and Quick Wins.

Frequently Asked Questions about visual-audit

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

FAQPage Schema
How do I score and prioritize visual design fixes for accessibility and UI quality?▼

A visual audit evaluates your website or design system across seven dimensions including typography, color, spacing, and accessibility, replacing subjective feedback with a scored, evidence-based report pinpointing exactly what to fix.

How do I conduct a design system health check for WCAG AA compliance?▼

You conduct a design system health check by evaluating visual quality and WCAG AA accessibility compliance using a DFII scoring framework, which produces per-dimension 1-5 ratings and specific issues ranked by ROI to guide improvements.

Can I use a visual audit for post-launch visual regression QA and responsive breakpoint assessments?▼

Yes, visual audits apply to post-launch visual regression QA, responsive breakpoint assessments, and developer handoff verification by evaluating layout and motion dimensions to produce a DFII-scored report with prioritized issues.

What's the best way to identify quick wins during a UI quality audit?▼

The best way to identify quick wins is to calculate a per-issue Design Feasibility & Impact Index using Impact, Fit, Feasibility, Performance, and Consistency Risk, then filter for fixes with a DFII ≥ 12 that take under one hour to implement.

Does a visual audit require any specific components or dependencies to run?▼

No, the visual audit requires no external dependencies or components to function. You simply ask the AI to perform a visual audit of your website and return a DFII-scored report with per-dimension issues and Quick Wins.

Related Skills

Explore More Design & Creative Skills→
GDSDNGDSDN
3

ux-ds-scan-artifact

Analyze UI artifacts to extract design tokens and Atomic Design components.

Community
Advanced
aquariuscookaquariuscook

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 AA compliance.

Community
Advanced
drhazemibclcdrhazemibclc

design-implementation-reviewer

Identify pixel deviations between live UI implementations and Figma designs.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced