What does the Audit skill check?

It evaluates five key areas: accessibility (WCAG), performance optimization, design token/theming consistency, responsive design behavior, and design anti-patterns.

How are the findings prioritized?

Issues are tagged from P0 (blocking) to P3 (polish), providing a clear, ranked roadmap for what needs to be fixed immediately versus what can be improved later.

Can it detect AI-generated design tells?

Yes, it specifically scans for 'AI slop' anti-patterns such as generic gradients, glassmorphism, and redundant card grids to ensure a unique and intentional design.

Does it automatically fix the code?

The audit skill documents and reports issues without making changes. It provides a strategic plan and recommends specific follow-up commands to resolve the findings.

Is it useful for WCAG compliance?

Absolutely. It checks for contrast ratios, ARIA roles, keyboard navigation, and semantic HTML hierarchy to help your project meet WCAG AA standards.

Technical Design & Quality Auditor

Name: Technical Design & Quality Auditor
Author: pbakaus

bypbakaus

•

18,680

•

设计工具

Performs deep technical audits of web interfaces to ensure accessibility, performance, and adherence to professional design standards.

The audit skill provides a systematic review of frontend implementations by evaluating five critical dimensions: accessibility (WCAG), performance, design token consistency, responsive behavior, and the detection of 'AI slop' anti-patterns. It generates a comprehensive health report with prioritized severity ratings (P0-P3), allowing developers to identify measurable quality gaps and receive actionable recommendations for improvement using the Impeccable design framework.

主要功能

01Responsive design and touch target verification

02Multi-dimensional scoring across Accessibility, Performance, and Theming

03Detection of AI slop anti-patterns like generic gradients and glassmorphism

0418,680 GitHub stars

05Prioritized issue reporting with P0-P3 severity ratings

06Actionable remediation plans mapped to specific Claude Code commands

使用场景

01Reviewing a newly generated UI component for production readiness

02Ensuring a legacy codebase complies with modern accessibility (WCAG) standards

03Cleaning up AI-generated interfaces to create a more distinctive, professional aesthetic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pbakaus/impeccable audit

For use in Claude.ai and ChatGPT