Browser.ai
Remediation Engine

Actionable Code Patches

Don't just find issues β€” fix them. Get before/after code comparisons with effort estimates and priority scoring.

How Patches Work

Every issue found in an Agent-Ready Audit gets a matching code patch.

1

Issue Found

A detection function finds a problem

2

Patch Generated

Template-based fix with context

3

Before/After

See exactly what changes

4

Effort/Impact

Prioritize what to fix first

Patch Categories

Common fixes organized by type.

Add ARIA Labels to Buttons

Generic text like "Submit" or "Click" doesn't tell AI agents what the button does. Add clear aria-label attributes instead.

Before
<button class="submit-btn">
  Submit
</button>
After
<button
  class="submit-btn"
  aria-label="Submit order and proceed to payment"
>
  Submit
</button>
Effort:Low
Impact:High

llms.txt as Remediation

Missing llms.txt is a common audit issue. The remediation engine can auto-generate one from your site structure.

# Generate llms.txt as part of remediation
npx cbrowser agent-ready-audit https://example.com --patches --generate-llms-txt
# Output includes generated llms.txt content
{
  "patches": [
    {
      "issue": "missingLlmsTxt",
      "severity": "medium",
      "fix": {
        "type": "create_file",
        "path": "/llms.txt",
        "content": "# Example Site\n\n> Your site description...\n\n## Sections\n..."
      }
    }
  ]
}

Effort/Impact Matrix

Sort fixes by effort and impact on your AI-friendliness score.

PriorityIssueEffortImpact
P1Add missing button labelsLowHigh
P1Associate form labelsLowHigh
P2Add llms.txt fileLowMedium
P2Add JSON-LD structured dataMediumMedium
P1Convert custom dropdowns to ARIAMediumHigh
P2Add stable IDs to elementsLowMedium
P3Fix heading hierarchyLowLow
P3Add skip linksLowLow
Priority scoring: P1 = Low effort + High impact (do first), P2 = Medium combinations, P3 = Low impact (do last)

Integration with Audit

Add the --patches flag to get fix suggestions inline with each audit issue.

# Audit with patches
npx cbrowser agent-ready-audit https://example.com --patches
# Output includes patches for each issue
{
  "score": {
    "overall": 84,
    "grade": "B",
    "findability": 91,
    "stability": 78,
    "accessibility": 85,
    "semantics": 72
  },
  "issues": [
    {
      "detection": "genericButtonText",
      "severity": "medium",
      "element": "button.submit-btn",
      "patch": {
        "before": "<button class=\"submit-btn\">Submit</button>",
        "after": "<button class=\"submit-btn\" aria-label=\"Submit order\">Submit</button>",
        "effort": "low",
        "impact": "high"
      }
    }
  ]
}

Start Fixing Issues

Run an Agent-Ready Audit with patches. See what needs fixing and how to fix it.