audit

Audit front-end code for accessibility, performance, theming, and responsive design issues.

Updated May 5, 2026
One-click install
npx skills add https://github.com/riabtsev/viscore_main --skill audit-riabtsev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/riabtsev/viscore_main/tree/main/.github/skills/audit
Command: npx skills add https://github.com/riabtsev/viscore_main --skill audit-riabtsev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you identify measurable technical quality problems—especially accessibility, performance, theming, and responsive behavior—so you can fix what matters most.

Core Features & Use Cases

  • Accessibility audit: Evaluates contrast, semantic structure, keyboard navigation, labels/ARIA, and form usability against common WCAG expectations.
  • Technical quality scoring: Produces a scored, multi-dimensional report (P0–P3) with an actionable remediation plan.
  • Design anti-pattern check: Flags known visual/UX “AI slop” and implementation anti-patterns to prevent low-quality UI from shipping.
  • Use case: You’re preparing a release of a Next.js marketing page and want a thorough pre-launch review that highlights critical blockers and performance/accessibility risks.

Quick Start

Ask to run the audit for the specific area or page you want reviewed, for example: “Run audit for the home page and report P0–P3 issues with locations and fixes.”

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a technical audit for front-end accessibility and performance issues?

To run a technical audit, request a review for your specific page or component. The audit evaluates accessibility, performance, theming, and responsive design to produce a scored report with prioritized P0–P3 findings and recommended fixes.

What is a P0 to P3 prioritized report for UI quality checks?

A P0–P3 prioritized report categorizes technical quality issues by severity. It enumerates findings with specific code locations and impacts, allowing you to address critical accessibility and performance blockers before minor visual anti-patterns.

How do I check my Next.js marketing page for visual anti-patterns before release?

To check for visual anti-patterns before release, run a targeted audit on the page. The review flags known visual and UX implementation anti-patterns, preventing low-quality UI from shipping to production.

Can I evaluate responsive design and theming issues without external dependencies?

Yes, you can evaluate responsive design and theming issues without external dependencies. The audit operates independently to check technical quality dimensions and generate actionable remediation plans mapped directly to detected issues.

Does the technical quality audit check WCAG expectations for keyboard navigation and ARIA labels?

Yes, the audit checks WCAG expectations by evaluating contrast, semantic structure, keyboard navigation, labels, and ARIA. It assesses form usability to identify measurable accessibility problems requiring remediation.