agentsqripts/lib/ui-problems/summary.md

Comprehensive static code analysis toolkit for identifying technical debt, security vulnerabilities, performance issues, and code quality problems

# lib/ui-problems Directory

This directory contains the UI/UX problem analyzer for detecting user interface and experience issues.

## Core Analysis:
- **analyzeUiProblems.js**: Main UI problem analysis entry point
- **uiProjectAnalyzer.js**: Project-level UI assessment
- **uiFileAnalyzer.js**: File-level UI analysis
- **uiFileCollector.js**: UI-relevant file collection

## Detection Systems:
- **accessibilityAnalyzer.js**: Accessibility issue detection
- **usabilityPatternDetector.js**: Usability anti-pattern identification
- **visualConsistencyAnalyzer.js**: Visual consistency analysis
- **interactionPatternAnalyzer.js**: User interaction pattern analysis

## Framework-Specific:
- **reactUiAnalyzer.js**: React-specific UI issue detection
- **vueUiAnalyzer.js**: Vue.js UI problem analysis
- **htmlSemanticAnalyzer.js**: HTML semantic structure analysis
- **cssUsabilityAnalyzer.js**: CSS usability issue detection

## Assessment:
- **uiScoreCalculator.js**: UI quality scoring
- **uiGradeProvider.js**: UI grade assignment
- **uiRecommendationGenerator.js**: UI improvement recommendations
- **uxImpactAssessment.js**: UX impact assessment

## Purpose:
- Detect accessibility, usability, and visual consistency issues
- Provide framework-specific UI analysis (React, Vue)
- Generate actionable recommendations for UI/UX improvements
- Support comprehensive user experience quality assessment