skills.rest
bfree-trainer
bfree-trainerOFFICIAL
Explore all skills by this author →
WebsiteGitHub

audit

Run frontend quality audits across accessibility, performance, theming, and responsive design.

60|7|Updated Oct 18, 2020
Search Tags:#theming#performance#accessibility#frontend#audit#quality#responsive
One-click install
npx skills add https://github.com/bfree-trainer/bfree --skill audit-bfree-trainer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/bfree-trainer/bfree/tree/main/.claude/skills/audit
Command: npx skills add https://github.com/bfree-trainer/bfree --skill audit-bfree-trainer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns, and generate a scored report with P0-P3 severity ratings and an actionable plan.

Core Features & Use Cases

  • Diagnostic scans cover accessibility, performance, theming, responsive design, and anti-patterns.
  • Generates a structured report with severity ratings (P0-P3) and a remediation plan to guide engineering teams.
  • Used for formal frontend technical quality reviews, audits of features, pages, or components, and ongoing quality assurance.

Quick Start

Run /audit on a feature, page, or component to generate a comprehensive quality report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run an automated frontend accessibility and performance audit?▼

Run a diagnostic scan on your UI features, pages, or components to generate an automated frontend quality report. This report covers accessibility, performance, theming, and responsive design with actionable severity ratings.

What is included in a frontend technical quality review report?▼

A frontend quality review report includes diagnostic scans across accessibility, performance, theming, responsive design, and anti-patterns. It provides P0-P3 severity ratings and a structured remediation plan to guide engineering teams.

Can I audit responsive design and theming for a single UI component?▼

Yes, you can audit responsive design and theming for a single UI component. The audit applies to individual features, pages, or components, systematically scanning for anti-patterns and generating scored improvement insights.

Does the frontend audit require design context before scanning?▼

Yes, the frontend audit requires following the Context Gathering Protocol before proceeding. This ensures necessary design context is available to accurately evaluate accessibility, performance, theming, and responsive design quality.

How are frontend quality issues prioritized in the generated report?▼

Frontend quality issues are prioritized using P0-P3 severity ratings in the generated report. This structured scoring system helps engineering teams identify critical anti-patterns and produce actionable improvement plans.

Related Skills

Explore More Software Engineering Skills→
kireevkit15-syskireevkit15-sys

shape

Run a structured discovery interview and generate a design brief.

Community
Advanced
SChannarongSChannarong

frontend-design

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

Community
Advanced
aquariuscookaquariuscook

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 AA compliance.

Community
Advanced
jeffvincentjeffvincent
5

Support Data Analyzer

Analyze Excel/CSV support data to identify themes and prioritize P0-P3 issues.

Community
Advanced