prowler/ui/docs/code-review/CODE_REVIEW_QUICK_START.md

Code Review - Quick Start

3 Steps to Enable

1. Open .env

nano ui/.env
# or your favorite editor

2. Find this line

CODE_REVIEW_ENABLED=false

3. Change it to

CODE_REVIEW_ENABLED=true

Done! ✅

---

What Happens Now

Every time you git commit:

✅ If your code complies with AGENTS.md standards:
   → Commit executes normally

❌ If there are standard violations:
   → Commit is BLOCKED
   → You see the errors in the terminal
   → Fix the code
   → Commit again

---

Example

$ git commit -m "feat: add new component"

🏁 Prowler UI - Pre-Commit Hook

ℹ️  Code Review Status: true

🔍 Running Claude Code standards validation...

📋 Files to validate:
  - components/my-feature.tsx

📤 Sending to Claude Code for validation...

STATUS: FAILED
- File: components/my-feature.tsx:45
  Rule: React Imports
  Issue: Using 'import * as React'
  Expected: import { useState } from "react"

❌ VALIDATION FAILED
Fix violations before committing

# Fix the file and commit again
$ git commit -m "feat: add new component"

🏁 Prowler UI - Pre-Commit Hook

ℹ️  Code Review Status: true

🔍 Running Claude Code standards validation...

✅ VALIDATION PASSED

# Commit successful ✅

---

Disable Temporarily

If you need to commit without validation:

# Option 1: Change in .env
CODE_REVIEW_ENABLED=false

# Option 2: Bypass (use with caution!)
git commit --no-verify

---

What Gets Validated

• ✅ Correct React imports
• ✅ TypeScript patterns (const-based types)
• ✅ Tailwind CSS (no var() or hex in className)
• ✅ cn() utility (only for conditionals)
• ✅ No useMemo/useCallback without reason
• ✅ Zod v4 syntax
• ✅ File organization
• ✅ Directives "use client"/"use server"

---

More Info

Read CODE_REVIEW_SETUP.md for:

• Troubleshooting
• Complete details
• Advanced configuration