Kanmi Levers Guard

Catch SEO & performance issues while you code.

Free VSCode extension with real-time diagnostics for meta tags, blocking resources, image optimization, and more. No build step required.

Install Free

Features

SEO Checks

Meta tags, Open Graph, canonical URLs, structured data, image alt attributes.

Performance Checks

Blocking resources, image optimization, font loading, HTML size warnings.

Real-Time Feedback

See issues as you type with severity levels to prioritize fixes.

Framework Support

Smart detection for Next.js and React. Works with HTML, JSX, TSX.

Workspace Scanning

Bulk analyze entire projects with progress tracking.

Customizable

Override defaults with kanmi.policy.json or VSCode settings.

Install

Search "Kanmi Levers Guard" in VSCode Extensions or run:

code --install-extension kanmiobasa.kanmi-levers-guard

Usage

The extension automatically scans when you open, save, or edit supported files (.html, .jsx, .tsx, .js, .ts).

Manual Workspace Scan

Open Command Palette (Cmd+Shift+P) and run:

Kanmi: Scan Workspace

Custom Configuration

Create kanmi.policy.json at your workspace root:

{
  "seo": {
    "titleMin": 30,
    "titleMax": 60,
    "requireCanonical": true
  },
  "perf": {
    "maxThirdPartyScriptsPerPage": 6,
    "lcpImageKB": 350
  }
}

Links

VSCode Marketplace · GitHub · Changelog