skills.rest
RaNDoM6913
RaNDoM6913COMMUNITY
Explore all skills by this author →
GitHub

audit-frontend

Scan React/Vue/Svelte/Angular projects for hardcoded values, console statements, and dead imports.

1|Updated Mar 23, 2026
Search Tags:#typescript#accessibility#frontend#code-quality#static-analysis#lint
One-click install
npx skills add https://github.com/RaNDoM6913/claude-code-superkit --skill audit-frontend-random6913
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit-frontend
Source: https://github.com/RaNDoM6913/claude-code-superkit/tree/main/packages/codex/skills/audit-frontend
Command: npx skills add https://github.com/RaNDoM6913/claude-code-superkit --skill audit-frontend-random6913

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams identify and fix frontend code quality issues, including hardcoded values, console usage, and pattern violations that degrade maintainability.

Core Features & Use Cases

  • Detect hardcoded state values and unintentional data exposure in React/Vue/Svelte/Angular projects.
  • Flag console statements, dead imports, and mock data in production code to improve reliability.
  • Validate TypeScript strictness and scan for design-token abuse and accessibility gaps.

Quick Start

Audit the frontend repository to surface quality issues and provide actionable remediation steps for the most critical findings.

Frequently Asked Questions about audit-frontend

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

FAQPage Schema
How do I audit frontend code quality in a React or Vue project?▼

To audit frontend code quality in React or Vue, you can scan your TypeScript project to identify hardcoded values, console statements, and dead imports, generating a structured report with actionable remediation steps.

What is the best way to detect hardcoded color values and design-token abuse in frontend code?▼

Detecting hardcoded color values and design-token abuse involves scanning your frontend codebase to flag violations against your token system, ensuring consistent styling and maintainability across your components.

Can I use a static analysis tool to find console statements and dead imports in Svelte or Angular apps?▼

Yes, you can run static analysis on Svelte or Angular apps to flag console statements, dead imports, and mock data left in production code, which helps improve overall application reliability.

Does this frontend audit tool check for prop drilling and accessibility gaps?▼

Yes, the frontend audit warns on anti-patterns such as prop drilling and scans for accessibility gaps, helping teams identify and fix structural pattern violations that degrade maintainability.

How do I identify dev-only code accidentally shipped to production?▼

To identify dev-only code in production, scan your frontend repository to distinguish between development and production code, flagging mock data and unintentional data exposure in the process.

Related Skills

Explore More Software Engineering Skills→
mtsatryanmtsatryan
1

frontend-specialist

Plan and design frontend interfaces across React, Vue, Angular, and Svelte.

Community
Advanced
DayoptDayopt

cleanup

Detect and remove unused code, dead imports, and console statements in TypeScript/JavaScript projects.

Official
Advanced
AratKruglikAratKruglik
9

typescript-patterns

Enforce strict TypeScript idioms and validate tsconfig hygiene across projects.

Community
Advanced
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic