audit

Audit frontend codebases across five quality dimensions and generate scored reports.

1|Updated Mar 22, 2026

Search Tags:#theming #performance #anti-patterns #accessibility #frontend #audit #responsive-design

Ready to run

npx skills add https://github.com/samcannas/samscode --skill audit-samcannas

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/samcannas/samscode/tree/main/skills/catalog/audit
Command: npx skills add https://github.com/samcannas/samscode --skill audit-samcannas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to quantify and communicate quality issues across accessibility, performance, theming, and responsiveness. This skill provides a structured audit to surface gaps and drive improvement.

Core Features & Use Cases

Comprehensive five-dimension audit: Accessibility, Performance, Theming, Responsive Design, and Anti-patterns with an actionable scoring system.
Actionable remediation guidance: Generates a prioritized plan from P0 to P3 issues to guide fixes.
Use Case: Use on a codebase to generate a health report before release, or for targeted audits of a new feature.

Quick Start

Run the audit to generate a comprehensive frontend quality report.

Frequently Asked Questions about audit

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

FAQPage Schema

How do I audit frontend code for accessibility and performance issues?▼

A frontend audit identifies and quantifies quality issues across accessibility, performance, theming, responsive design, and anti-patterns. It uses automated checks and rule-based scoring to produce an actionable report with P0-P3 severity levels for remediation.

How do I generate a frontend health report before a release?▼

Generate a pre-release health report by running an audit on your codebase to evaluate modern web UIs, components, and pages. This produces a structured, scored report identifying quality gaps across five dimensions to drive targeted improvements.

Can I use this frontend audit on a design system and individual components?▼

Yes, you can apply this audit to design systems and individual components. It evaluates codebases with modern web UIs, allowing structured audits across apps, components, and pages to ensure comprehensive frontend quality measurement.

What's the best way to prioritize frontend anti-patterns and theming fixes?▼

The best way to prioritize frontend anti-patterns and theming fixes is using a P0-P3 severity scoring system. The audit generates actionable remediation guidance aligned with frontend-design standards, enabling teams to tackle critical issues first.

Does the audit check responsive design and theming across web UIs?▼

Yes, the audit systematically checks responsive design and theming across web UIs. It identifies and quantifies quality issues in these dimensions alongside accessibility, performance, and anti-patterns to produce a comprehensive scored report.