audit

Audit frontend projects for accessibility, performance, theming, and responsive design issues.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/lachieh/babytalk --skill audit-lachieh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/lachieh/babytalk/tree/main/.claude/skills/audit
Command: npx skills add https://github.com/lachieh/babytalk --skill audit-lachieh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates comprehensive technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns, delivering a structured, prioritized remediation plan.

Core Features & Use Cases

  • Multi-dimension evaluation: assesses accessibility, performance, theming, and responsiveness to surface critical issues.
  • Structured scoring: generates a P0-P3 severity-based report with clear remediation steps.
  • Context-aware execution: supports targeted area scans (feature, page, component) and returns deterministic guidance for fixes in reviews, QA, or pre-release checks.

Quick Start

Invoke audit on a target area to begin a technical quality assessment and generate a remediation-ready report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I automate frontend accessibility and performance audits before release?

Automate frontend accessibility and performance audits by running a comprehensive technical quality check that evaluates specific areas and generates a scored report with prioritized remediation steps. This provides actionable insights for pre-release checks.

What is a structured technical quality assessment for frontend projects?

A structured technical quality assessment evaluates accessibility, performance, theming, and responsive design to surface critical issues. It applies quantifiable criteria to generate a deterministic, severity-based report ranging from P0 to P3 for stakeholders.

How do I generate a prioritized remediation plan for accessibility and responsive design issues?

Generate a prioritized remediation plan by executing a technical quality scan on your frontend project, which outputs a structured report categorizing accessibility and responsive design issues by P0-P3 severity with clear guidance for fixes.

Can I run a technical quality scan on a specific frontend component instead of the whole project?

Yes, you can run context-aware technical quality scans on targeted areas such as a specific feature, page, or component. This returns deterministic evaluation results and focused remediation guidance for the selected scope.

Does the frontend quality audit check for anti-patterns alongside theming and a11y?

Yes, the frontend quality audit checks for anti-patterns alongside accessibility, performance, theming, and responsive design. It applies quantifiable criteria to deliver a comprehensive scored report covering all these dimensions.

What's the best way to score technical quality issues during a design review?

Score technical quality issues during design reviews by applying a deterministic evaluation process that categorizes identified problems into P0-P3 severity levels, outputting a structured audit report with actionable remediation steps for developers.