> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pixelpatrol.net/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to Pixel Patrol

> AI-powered media moderation for your applications

<img className="block dark:hidden" src="https://mintcdn.com/pixelpatrol-9ab0b47b/1ZM1BLia_KwdXNFe/images/hero-light.png?fit=max&auto=format&n=1ZM1BLia_KwdXNFe&q=85&s=1341e64fe104a0ec7e272daf4241cbbf" alt="Pixel Patrol Hero Light" width="2064" height="1104" data-path="images/hero-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/pixelpatrol-9ab0b47b/1ZM1BLia_KwdXNFe/images/hero-dark.png?fit=max&auto=format&n=1ZM1BLia_KwdXNFe&q=85&s=20ff811c9621f91577d05015bb8d1313" alt="Pixel Patrol Hero Dark" width="2064" height="1104" data-path="images/hero-dark.png" />

## What is Pixel Patrol?

Pixel Patrol is a team-based media moderation SaaS application that combines AI-powered analysis with customizable rule-based filtering to help you moderate user-generated content at scale.

<CardGroup cols={2}>
  <Card title="AI-Powered Moderation" icon="robot" href="/features/ai-moderation">
    Leverage advanced AI models to automatically detect inappropriate content
  </Card>

  <Card title="Rule-Based Filtering" icon="filter" href="/features/rule-based-moderation">
    Create custom rules and thresholds tailored to your specific needs
  </Card>

  <Card title="Real-time Webhooks" icon="webhook" href="/features/webhook-notifications">
    Get instant notifications when content requires attention
  </Card>

  <Card title="Team Collaboration" icon="users" href="/features/team-management">
    Manage moderation workflows with your team efficiently
  </Card>
</CardGroup>

## Quick Start

Get up and running with Pixel Patrol in minutes.

<CardGroup cols={2}>
  <Card title="Start in 5 minutes" icon="rocket" href="/quickstart">
    Get your first moderation workflow running quickly
  </Card>

  <Card title="Core Concepts" icon="book" href="/concepts/teams">
    Understand the fundamental building blocks
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/introduction">
    Explore our comprehensive API documentation
  </Card>

  <Card title="Integration Guides" icon="puzzle" href="/guides/nextjs-integration">
    Step-by-step integration tutorials
  </Card>
</CardGroup>

## Key Features

<AccordionGroup>
  <Accordion title="🤖 AI Moderation" icon="robot">
    * Multiple AI provider support (OpenAI, Anthropic, Google)
    * Customizable confidence thresholds
    * Automatic content categorization
    * Batch processing capabilities
  </Accordion>

  <Accordion title="📏 Rule-Based System" icon="filter">
    * Create custom moderation rules
    * Group rules for different contexts
    * Flexible evaluation types (all/any)
    * Template-based rule creation
  </Accordion>

  <Accordion title="🔔 Webhook Notifications" icon="webhook">
    * Real-time moderation results
    * Automatic retry logic
    * Secure webhook verification
    * Detailed webhook logs
  </Accordion>

  <Accordion title="👥 Team Management" icon="users">
    * Role-based access control
    * Multiple team support
    * Invitation system
    * Usage tracking per team
  </Accordion>

  <Accordion title="💳 Subscription Billing" icon="credit-card">
    * Flexible pricing plans
    * Usage-based limits
    * Stripe integration
    * Free tier available
  </Accordion>
</AccordionGroup>

## Architecture

Pixel Patrol is built with modern, scalable technologies:

<CardGroup cols={3}>
  <Card title="Frontend" icon="browser">
    Next.js 14 with App Router
  </Card>

  <Card title="Backend" icon="database">
    Supabase (PostgreSQL, Auth, Storage)
  </Card>

  <Card title="Edge Functions" icon="bolt">
    Deno-based serverless functions
  </Card>

  <Card title="UI Framework" icon="palette">
    ShadCN UI + TailwindCSS
  </Card>

  <Card title="Payments" icon="credit-card">
    Stripe integration
  </Card>

  <Card title="Testing" icon="flask">
    Jest + React Testing Library
  </Card>
</CardGroup>
