# PixelFixer — Full Documentation for AI Agents

> Visual bug tracking tool for teams. Capture, track, and resolve UI issues with pin-point accuracy.

## About

PixelFixer is a visual bug tracking SaaS platform developed by MUDRAVA (https://mudrava.com), a digital agency specializing in web development, UI/UX design, and quality assurance. The product has been used internally by MUDRAVA since 2022 and is now available to select clients and by request.

## Product Overview

PixelFixer helps development and QA teams capture, annotate, and track visual bugs on websites. Instead of writing long bug reports, users can click directly on the UI element, leave a pin with a comment, and the system automatically captures a screenshot, browser metadata, console logs, and device information.

### Core Features

1. **Visual Bug Annotations**: Click on any element on a website to create a pin-point bug report with screenshot, metadata, and comment.
2. **Browser Extension**: Available for Chrome, Firefox, and Edge. Captures bugs without leaving the page being tested.
3. **Kanban Board**: Drag-and-drop task management with customizable columns and real-time updates.
4. **Real-time Collaboration**: Live comments, @mentions, threaded discussions, and instant notifications.
5. **Screenshot & Video**: Automatic screenshot capture and optional video recording of bug reproduction steps.
6. **AI Duplicate Detection**: Experimental AI feature that suggests duplicate bugs and prioritizes by impact.
7. **MCP Server**: Model Context Protocol server for AI agent integration with PixelFixer projects and tasks.
8. **Multi-language**: Full support for English, Russian, and Ukrainian interfaces.
9. **Dark/Light Theme**: Complete theme support with system preference detection.
10. **Widget Embed**: Embeddable feedback widget for collecting bug reports from end users.

### Technical Stack

- **Frontend**: Next.js 14+ (App Router), React, TypeScript, Tailwind CSS
- **Backend**: Next.js API routes, Prisma ORM, PostgreSQL
- **Real-time**: WebSocket-based live collaboration
- **Analytics**: PostHog (optional), Sentry error tracking
- **Infrastructure**: Docker, self-hostable

## Availability

PixelFixer is currently available in two tiers:
- **MUDRAVA Clients**: Included free with MUDRAVA development and design services
- **By Request**: Contact MUDRAVA for custom access and pricing

## Pages

### Home (https://pixelfixer.mudrava.com/)
Landing page with product overview, features, pricing, FAQ, and call-to-action.

### Pricing (https://pixelfixer.mudrava.com/pricing)
Detailed pricing comparison showing the two available plans with feature matrix.

### Changelog (https://pixelfixer.mudrava.com/changelog)
Product update history with version notes and feature announcements.

### Contact (https://pixelfixer.mudrava.com/contact)
Contact form and information for reaching the PixelFixer and MUDRAVA team.

## API

PixelFixer provides a REST API for programmatic access to projects, tasks, and comments. API keys can be generated in the admin dashboard.

## MCP Server

The PixelFixer MCP Server enables AI coding assistants (GitHub Copilot, Cursor, Claude, etc.) to:
- List and search tasks
- Create and update tasks
- Read project context
- Manage task workflow (start, complete, move between columns)

## Contact

- Website: https://mudrava.com
- Product: https://pixelfixer.mudrava.com