Can I audit specific components instead of the whole project?

Yes, you can pass an optional 'area' argument to target specific features, folders, or UI components for a more focused report.

Does the audit skill fix the issues it finds?

No, the audit skill is designed to document and prioritize issues without modifying code. It provides recommendations for which follow-up commands (like /normalize or /optimize) to use for the actual fixes.

Can this skill help with dark mode issues?

Yes, it explicitly checks for missing dark mode variants, hard-coded colors that don't use design tokens, and poor contrast in dark themes.

How does it identify 'AI slop' in design?

It checks for common AI-generated design tells such as generic color palettes, glassmorphism, redundant copy, and unnecessary card grids that lack specific utility.

What standards does the accessibility check follow?

The skill checks against WCAG standards (A, AA, and AAA), covering contrast ratios, ARIA roles, keyboard navigation, and semantic HTML structure.

Interface Quality Auditor

Name: Interface Quality Auditor
Author: Moliboy5000

byMoliboy5000

0•

Design Tools

Performs comprehensive audits of user interfaces across accessibility, performance, and design standards to identify critical issues and anti-patterns.

The Interface Quality Auditor skill provides a systematic framework for evaluating the health and quality of front-end implementations within Claude Code. By scanning across five critical dimensions—Accessibility (WCAG), Performance, Design Theming, Responsiveness, and Design Anti-Patterns—it generates a structured report that prioritizes issues by severity. It specifically targets 'AI slop' tells to ensure human-centric design quality and provides actionable recommendations mapped to specific Claude Code commands, making it an essential tool for maintaining production-grade codebases and ensuring design system compliance.

Key Features

01Performance diagnostics covering layout thrashing, render optimization, and asset loading.

02Responsive design checks for touch targets, fixed widths, and viewport scaling issues.

030 GitHub stars

04Anti-pattern detection to identify generic AI-generated design 'slop' and UX friction.

05Comprehensive Accessibility (A11y) scanning for WCAG compliance and semantic HTML integrity.

06Design token and theme verification to ensure consistent dark mode and brand alignment.

Use Cases

01Pre-deployment quality assurance to catch accessibility and performance regressions in UI components.

02Reviewing AI-generated code to strip away generic design patterns and ensure brand consistency.

03Auditing legacy codebases to identify missing design tokens and responsive design gaps.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude audit

For use in Claude.ai and ChatGPT