skills.rest
samcannas
samcannasCOMMUNITY
Explore all skills by this author →
Website𝕏@sam_cannasGitHub

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
One-click install
npx skills add https://github.com/samcannas/samscode --skill audit-samcannas
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
get-convexget-convex
9

audit

Audit frontend codebases for accessibility, performance, theming, and responsive-design gaps.

Official
Advanced
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
riezriez
1

frontend-implementation-guardrails

Enforce frontend guardrails for design-system alignment, accessibility, and responsive behavior.

Community
Intermediate
pr-pmpr-pm
121

karen-repo-reviewer

Compute Karen Scores across five dimensions and generate repository review reports.

Community
Basic