skills.rest
microlinkhq
microlinkhqOFFICIAL
Explore all skills by this author →
Website𝕏@microlinkhqGitHub

audit

Audit web frontends for accessibility, performance, theming, and responsive design defects.

142|31|Updated Jul 13, 2017
Search Tags:#theming#responsive design#performance audit#web accessibility#design anti-patterns#UX quality report
One-click install
npx skills add https://github.com/microlinkhq/www --skill audit-microlinkhq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/microlinkhq/www/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/microlinkhq/www --skill audit-microlinkhq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams identify and document accessibility, performance, theming, and responsive design problems in a frontend so they can be fixed later with clear guidance.

Core Features & Use Cases

  • Accessibility (A11y) scanning: Contrast checks, missing ARIA, keyboard navigation problems, semantic HTML issues, alt text gaps, and form labeling/error-message defects.
  • Performance review: Detects layout thrashing, expensive animations, missing asset optimizations, bundle bloat risks, and re-render inefficiencies.
  • Theming and dark-mode validation: Flags hard-coded colors, broken dark mode variants, inconsistent design tokens, and theme switching failures.
  • Responsive design checks: Finds fixed-width breakages, inadequate touch targets, horizontal overflow, text-scaling issues, and missing breakpoints.
  • Anti-pattern detection: Compares findings against the frontend-design skill’s “DON’T” guidance and looks for common AI-slop visual tells.

Quick Start

Run an audit for the most important page or component by calling the audit skill for the specified area.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a UX audit to find accessibility and responsive design issues?▼

Run a UX audit by systematically scanning web frontends to uncover accessibility, performance, theming, and responsive design defects, generating a prioritized report with severity-based recommendations.

What is the best way to check a web frontend for dark mode and theming defects?▼

The best way to check theming defects is validating dark mode variants and design tokens, which flags hard-coded colors, broken theme switching, and inconsistent design tokens across the UI.

Can I detect web accessibility problems like missing ARIA and contrast issues?▼

Yes, accessibility scanning detects missing ARIA, contrast checks, keyboard navigation problems, semantic HTML issues, alt text gaps, and form labeling or error-message defects.

How do I review frontend performance for bundle bloat and expensive animations?▼

Review frontend performance by detecting layout thrashing, expensive animations, missing asset optimizations, bundle bloat risks, and re-render inefficiencies that degrade user experience.

Does the audit fix the UX issues it finds in my code?▼

No, the audit does not perform code fixes. It produces a comprehensive report with detailed issue documentation, impact analysis, severity-based prioritization, and explicit recommendations.

How do I check for anti-patterns and AI-slop visual tells in my UI?▼

Check for anti-patterns by comparing frontend findings against established design guidance, explicitly verifying common design anti-patterns and looking for common AI-slop visual tells.

Related Skills

Explore More Design & Creative Skills→
Dzakiamriz22Dzakiamriz22
1

refactor-ui

Refactor React and TailwindCSS UI components for accessibility and consistency.

Community
Advanced
SL-A-SHSL-A-SH

audit

Audit web interfaces for accessibility, performance, theming, and responsive defects.

Community
Advanced
JiaxuanZou0714JiaxuanZou0714
5

audit

Audit interface elements for accessibility, performance, theming, and responsive design.

Community
Advanced
djnsty23djnsty23
2

audit

Coordinate seven Opus agents to audit code quality across seven dimensions.

Community
Advanced