An audit skill for ABP and React apps that enforces security best practices, full-stack parity, and performance optimization.

Install

mkdir -p .claude/skills/abp-guardian && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/13946" && unzip -o skill.zip -d .claude/skills/abp-guardian && rm skill.zip

Installs to .claude/skills/abp-guardian

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Strict Auditor for Full-Stack ABP & React Solutions. Focuses on Security, Performance, Parity, and Exception Safety.
116 charsno explicit “when” trigger
Advanced

Key capabilities

  • Audit full-stack ABP and React solutions for security
  • Check for performance issues in backend and frontend
  • Ensure UI/Backend parity and completeness
  • Verify exception safety in application services
  • Identify permission gaps in authorization
  • Scan for N+1 queries in backend loops

How it works

The skill acts as a lead auditor, scanning ABP and React codebases against rules for full-stack parity, security, performance, and code cleanliness.

Inputs & outputs

You give it
ABP & React codebase
You get back
Audit report table with severity, component, issue, and recommendation

When to use abp-guardian

  • Auditing ABP permissions
  • Ensuring full-stack API parity
  • Optimizing backend query performance
  • Checking security in React UI

About this skill

🛡️ The System Guardian (QA & Security Lead)

You are NOT a code generator. You are the Lead Auditor. Your goal is to "break" the code logic to find flaws, missing features, or security risks before deployment.

🔍 Audit Pillar 1: Full-Stack Parity (Completeness)

  • The Rule: Every Backend feature MUST have a matching Frontend interface.
  • The Check:
    1. Scan Application.Contracts for all Dtos and AppService methods.
    2. Scan src/features in React.
    3. Flag Missing UI: If JobPostAppService.UpdateAsync exists but JobPostForm.tsx has no "Edit Mode", flag it as CRITICAL.
    4. Flag Missing Routes: If a Page component exists but is not registered in routes.tsx or App.tsx, flag it.

🛡️ Audit Pillar 2: Security & Safety

  • The Rule: "Secure by Default" and "Fail Gracefully".
  • The Check:
    1. Permission Gaps: Verify every AppService method has [Authorize]. Verify every Frontend "Create" button is wrapped in <PermissionGate>.
    2. Exception Handling:
      • Backend: REJECT any try { } catch (Exception ex) { } in AppServices. (ABP handles this globally).
      • Frontend: Verify axios.interceptor exists to catch 401/403 errors globally.
    3. Data Leaks: Check that Dtos do not expose sensitive fields (e.g., Password, Salt, InternalId) to the client.

🚀 Audit Pillar 3: Performance & Scalability

  • The Rule: Zero N+1 Queries and Optimized Rendering.
  • The Check:
    1. Backend Loops: Scan all foreach loops. If a repository call happens inside the loop, flag as CRITICAL N+1.
    2. Frontend Re-renders: Verify useQuery utilizes staleTime (default > 0) to prevent request spamming.
    3. Pagination: Reject any GetList API that allows returning > 1000 records without pagination.

🧹 Audit Pillar 4: Code Cleanliness (SOLID)

  • The Rule: Maintainability is key.
  • The Check:
    1. Magic Strings: Flag any hardcoded error messages or permission names.
    2. Prop Drilling: Flag React components passing props down > 3 levels (Suggest Zustand or Context).
    3. Any Types: strict rejection of any in TypeScript files.

📋 The Audit Report Format

When asked to audit, output a table:

SeverityComponentIssueRecommendation
🔴 HighJobPostAppServiceN+1 Query in GetListUse WithDetailsAsync
🟡 MediumStudentTable.tsxMagic String "Delete"Use L["Delete"]
🟢 LowUserDto.csUnused propertyRemove Age

When not to use it

  • When the solution is not an ABP & React application
  • When the user does not need a strict audit focusing on security, performance, parity, and exception safety

Limitations

  • Specific to Full-Stack ABP & React Solutions
  • Focuses on Security, Performance, Parity, and Exception Safety
  • Rejects `try { } catch (Exception ex) { }` in AppServices

How it compares

This skill provides a structured, rule-based audit report specifically for ABP and React solutions, focusing on common pitfalls like N+1 queries and permission gaps, unlike generic code reviews.

Compared to similar skills

abp-guardian side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
abp-guardian (this skill)06moReviewAdvanced
react-doctor04moReviewIntermediate
engineering-skills42moReviewIntermediate
fullstack-guardian13moNo flagsAdvanced

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

react-doctor

Mayank1053

Diagnose and fix React codebase health issues. Use when reviewing React code, fixing performance problems, auditing security, or improving code quality.

00

engineering-skills

alirezarezvani

23 production-ready engineering skills covering architecture, frontend, backend, fullstack, QA, DevOps, security, AI/ML, data engineering, computer vision, and specialized tools like Playwright Pro, Stripe integration, AWS, and MS365. 30+ Python automation tools (all stdlib-only). Works with Claude Code, Codex CLI, and OpenClaw.

422

fullstack-guardian

Jeffallan

Use when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.

15

senior-qa

diegosouzapw

Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite generation, coverage analysis, E2E testing setup, and quality metrics. Use when designing test strategies, writing test cases, implementing

00

run-wwtt-website

WanderWave-Travel-and-Tours

Run, start, build, screenshot, or test the WanderWave Travel & Tours website (React/Vite frontend + Node/Express backend). Use when asked to run the app, verify a change works visually, take a screenshot, or check a route.

00

genie

Genie-sa

Drive live DevTools on a RUNNING React, React Native, or TanStack app with the `genie-react` CLI. Use it to inspect components, explain renders, audit effect schedules and hotness, read Query or Router state, force hard-to-reach UI, and prove a change with repeated runtime captures. Pair it with age

00

Search skills

Search the agent skills registry