abp-guardian
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.zipInstalls 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.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
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:
- Scan
Application.Contractsfor allDtos andAppServicemethods. - Scan
src/featuresin React. - Flag Missing UI: If
JobPostAppService.UpdateAsyncexists butJobPostForm.tsxhas no "Edit Mode", flag it as CRITICAL. - Flag Missing Routes: If a Page component exists but is not registered in
routes.tsxorApp.tsx, flag it.
- Scan
🛡️ Audit Pillar 2: Security & Safety
- The Rule: "Secure by Default" and "Fail Gracefully".
- The Check:
- Permission Gaps: Verify every
AppServicemethod has[Authorize]. Verify every Frontend "Create" button is wrapped in<PermissionGate>. - Exception Handling:
- Backend: REJECT any
try { } catch (Exception ex) { }in AppServices. (ABP handles this globally). - Frontend: Verify
axios.interceptorexists to catch 401/403 errors globally.
- Backend: REJECT any
- Data Leaks: Check that
Dtos do not expose sensitive fields (e.g.,Password,Salt,InternalId) to the client.
- Permission Gaps: Verify every
🚀 Audit Pillar 3: Performance & Scalability
- The Rule: Zero N+1 Queries and Optimized Rendering.
- The Check:
- Backend Loops: Scan all
foreachloops. If a repository call happens inside the loop, flag as CRITICAL N+1. - Frontend Re-renders: Verify
useQueryutilizesstaleTime(default > 0) to prevent request spamming. - Pagination: Reject any
GetListAPI that allows returning > 1000 records without pagination.
- Backend Loops: Scan all
🧹 Audit Pillar 4: Code Cleanliness (SOLID)
- The Rule: Maintainability is key.
- The Check:
- Magic Strings: Flag any hardcoded error messages or permission names.
- Prop Drilling: Flag React components passing props down > 3 levels (Suggest
Zustandor Context). - Any Types: strict rejection of
anyin TypeScript files.
📋 The Audit Report Format
When asked to audit, output a table:
| Severity | Component | Issue | Recommendation |
|---|---|---|---|
| 🔴 High | JobPostAppService | N+1 Query in GetList | Use WithDetailsAsync |
| 🟡 Medium | StudentTable.tsx | Magic String "Delete" | Use L["Delete"] |
| 🟢 Low | UserDto.cs | Unused property | Remove 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.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| abp-guardian (this skill) | 0 | 6mo | Review | Advanced |
| react-doctor | 0 | 4mo | Review | Intermediate |
| engineering-skills | 4 | 2mo | Review | Intermediate |
| fullstack-guardian | 1 | 3mo | No flags | Advanced |
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.
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.
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.
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
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.
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