PLSFIX-THX Chrome Extension

A professional screenshot annotation Chrome extension designed to help developers and teams communicate effectively with AI agents. PLSFIX-THX enables users to capture screenshots from web pages, add numbered annotations with detailed notes, draw shapes and highlights, and export results to multiple formats.

Key Features

Screenshot Capture

• Area Selection: Capture specific regions with Alt+Shift+S keyboard shortcut
• Full-Page Capture: Capture entire pages with Alt+Shift+F
• Multi-Image Management: Handle multiple screenshots with custom naming and duplication
• Image Cropping: Crop images while preserving all annotations and drawings

Annotation System

• Numbered Annotations: Add sequentially numbered markers with detailed notes
• Drag-and-Drop: Reposition annotations anywhere on the image
• Annotation Management: Edit, delete, or reorder annotations easily
• Persistent Storage: All annotations saved locally with zero data uploads

Drawing Tools

• Shapes: Draw rectangles and circles for highlighting
• Freehand Brush: Sketch with customizable colors via color picker
• Multi-Layer Support: Combine annotations, drawings, and screenshots seamlessly
• Zoom & Pan: Navigate large images with zoom controls

Export Capabilities

• PDF Export: Generate professional PDFs with grid layouts using jsPDF
• PNG Formats: Export as single image, combined view, or separate files
• HTML Format: Create printable HTML reports
• CSV Lists: Export annotation data for analysis

Pro Features

• License System: Integrated pro licensing with usage tracking
• Watermark Control: Remove watermarks with premium subscription
• Advanced Analytics: Track usage patterns and annotations
• Priority Support: Enhanced customer support for pro users

Technical Highlights

Built with vanilla JavaScript and Chrome Extension Manifest V3 for maximum performance and compatibility. Uses the Canvas API for sophisticated rendering and drawing capabilities. All data processing happens locally on the user's device, ensuring complete privacy and security.

The extension features a well-modularized architecture with separate modules for annotations, drawing, UI management, exports, images, and state handling. Includes comprehensive keyboard shortcuts (F1 for help modal) and responsive design for various screen sizes.

Use Cases

• Communicating bugs and feedback to AI coding assistants
• Creating detailed UI/UX feedback for design teams
• Documenting web application issues for support tickets
• Teaching and training with annotated screenshots
• Quality assurance testing with visual documentation

Project Status

Production-ready version 1.0.0 with comprehensive documentation including privacy policy, store listing descriptions, testing checklists, and submission guides. Ready for Chrome Web Store deployment with 50+ commits showing active development and refinement.