code-audit

Audits front-end projects for architectural and code quality compliance via 19 scripted checks.

15|7|Updated Sep 11, 2023
One-click install
npx skills add https://github.com/huseyindeniz/vite-react-dapp-template --skill code-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-audit
Source: https://github.com/huseyindeniz/vite-react-dapp-template/tree/main/.claude/skills/code-audit
Command: npx skills add https://github.com/huseyindeniz/vite-react-dapp-template --skill code-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires glob, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the enforcement of critical code quality standards, architectural patterns, and development conventions across your codebase. It proactively identifies issues like any type usage, missing i18n, security vulnerabilities, and technical debt, preventing them from accumulating and ensuring a consistent, maintainable project.

Core Features & Use Cases

  • Comprehensive Code Scans: Performs 18 distinct checks covering TypeScript, React, Redux, and general code hygiene.
  • Architectural Compliance: Ensures adherence to defined patterns like Redux abstraction, service isolation, and feature structure.
  • Security & Maintainability: Flags dangerouslySetInnerHTML, console logs, magic numbers, and linter suppressions.
  • Technical Debt Tracking: Identifies TODO, FIXME, HACK comments, and inefficient Redux Saga patterns.
  • Use Case: Before merging a new feature branch, run this audit to automatically verify it meets all project code quality and architectural guidelines, ensuring a high-quality, consistent codebase.

Quick Start

Run a comprehensive code audit on your project and generate a detailed report.

Frequently Asked Questions about code-audit

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

FAQPage Schema
How do I enforce code quality standards across a TypeScript React project?

Code auditing automates enforcement of quality standards by running scripted checks that validate architectural patterns, imports/exports, type safety, and conventions. This Skill performs 19 checks covering Redux usage, service isolation, i18n coverage, and general code hygiene to catch issues before they accumulate.

What code quality issues can automated auditing detect?

Automated auditing detects `any` type usage, missing i18n, `dangerouslySetInnerHTML`, console logs, magic numbers, Redux anti-patterns, linter suppressions, TODO comments, improper type assertions, god files, and dependency array misuse—identifying technical debt and security vulnerabilities across your codebase.

Can I audit a React and Redux codebase for architectural compliance?

Yes. This audit validates Redux abstraction patterns, service isolation boundaries, feature structure adherence, named exports only, strict path alias usage, and saga patterns. It ensures your React and Redux architecture meets defined project standards across all files.

How do I run a code audit before merging a feature branch?

Execute the audit script to generate a comprehensive report validating all 19 code quality and architectural checks. The audit scans your TypeScript and React codebase, flags violations, and confirms your branch meets project guidelines before merge.

What's the difference between static analysis and code auditing?

Static analysis examines syntax and type safety; code auditing adds architectural and convention enforcement. This audit combines type checking with domain-specific rules for Redux patterns, service boundaries, i18n coverage, and feature structure—catching issues linters alone miss.

Do I need additional tools to run a code audit?

The audit uses `glob` to scan your codebase and executes as a script. You need a TypeScript React project with Redux; no additional configuration or external services are required to generate audit reports.