ui-analysis.config.example.json

{
  "enabled": true,
  "mode": "development",
  "rules": {
    "layout": {
      "checkOverflow": true,
      "checkAlignment": true,
      "checkSpacing": true,
      "checkZIndex": true
    },
    "responsive": {
      "minTouchTargetSize": {
        "width": 44,
        "height": 44
      },
      "breakpoints": [640, 768, 1024, 1280],
      "allowHorizontalScroll": false
    },
    "accessibility": {
      "wcagLevel": "AA",
      "checkKeyboard": true,
      "checkFocus": true,
      "checkContrast": true,
      "checkReducedMotion": true
    },
    "designSystem": {
      "enforceTokens": true,
      "allowedArbitraryValues": [],
      "strictMode": false
    }
  },
  "breakpoints": [
    {
      "name": "mobile",
      "width": 375,
      "height": 667
    },
    {
      "name": "tablet",
      "width": 768,
      "height": 1024
    },
    {
      "name": "desktop",
      "width": 1280,
      "height": 800
    },
    {
      "name": "wide",
      "width": 1920,
      "height": 1080
    }
  ],
  "reporting": {
    "console": true,
    "overlay": true,
    "json": false,
    "outputPath": "./ui-analysis-report.json",
    "minSeverity": "minor"
  }
}