Kanmi Levers Guard - VSCode SEO & Performance

What is Kanmi Levers Guard?

A free VSCode extension that provides real-time diagnostics for SEO and performance issues directly in your editor. No build step required, no configuration needed -just install and start coding better.

✅ SEO Checks

Meta tags validation, Open Graph tags, canonical URLs, structured data hints, image alt attributes, and head element ordering.

⚡ Performance Checks

Blocking resources detection, image optimization, Next.js Image validation, font loading, HTML size warnings, and resource hints.

🎯 Real-Time Feedback

See issues as you type with contextual warnings. Severity levels (Error, Warning, Info) help prioritize fixes.

🔧 Framework Support

Smart detection for Next.js and React to avoid false positives. Works with HTML, JSX, TSX, JS, and TS files.

📊 Workspace Scanning

Bulk analyze entire projects with progress tracking and cancellable scans for large codebases.

⚙️ Customizable

Override defaults with kanmi.policy.json or VSCode settings. Configure thresholds to match your project needs.

Part of the KanmiLabs Performance Stack

Kanmi Levers Guard is the first line of defense in a comprehensive 3-tier performance monitoring strategy. Each tool serves a different stage of your development workflow.

            ┌─────────────────────────────────────────┐
            │ 1. Kanmi Levers Guard (VSCode)          │ ← You are here
            │    Static code analysis while coding    │
            │    ✓ Free & open source                 │
            │    ✓ No build step required             │
            │    ✗ No real performance metrics        │
            ├─────────────────────────────────────────┤
            │ 2. KanmiSEO Traffic Levers (CLI)        │
            │    Deep crawl analysis before launch    │
            │    ✓ TTFB measurement (actual timing)   │
            │    ✓ Googlebot simulation               │
            │    ✓ Multi-page pattern detection       │
            │    → Run before deploying to production │
            ├─────────────────────────────────────────┤
            │ 3. KanmiPerf Advanced (Browser)         │
            │    Real-time Core Web Vitals tracking   │
            │    ✓ LCP, CLS, INP, FCP monitoring      │
            │    ✓ Performance scoring & trends       │
            │    ✓ AI-powered recommendations         │
            │    → Monitor production performance     │
            └─────────────────────────────────────────┘

Feature	Levers Guard	Traffic Levers	KanmiPerf Advanced
Stage	Dev-time	Pre-deploy	Production
Pricing	FREE	Contact	Contact
Real Metrics	❌ Static analysis only	✅ TTFB, HTML size	✅ Core Web Vitals
Framework Support	✅ Next.js, React	✅ All frameworks	✅ All frameworks
Best For	Catching issues early	Pre-launch audits	Ongoing monitoring

Installation & Usage

Install from VSCode Marketplace

Search for "Kanmi Levers Guard" in VSCode Extensions or install via command line:

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

Automatic Scanning

The extension automatically scans supported files when you:

Open a file (.html, .jsx, .tsx, .js, .ts)
Save a file
Edit a file (real-time feedback with 300ms debounce)

Manual Workspace Scan

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

Kanmi: Scan Workspace

Custom Configuration

Create kanmi.policy.json at your workspace root:

{
  "seo": {
    "titleMin": 30,
    "titleMax": 60,
    "metaDescriptionMin": 50,
    "metaDescriptionMax": 160,
    "requireCanonical": true,
    "requireJsonLdFor": ["Product", "Article"]
  },
  "perf": {
    "maxThirdPartyScriptsPerPage": 6,
    "lcpImageKB": 350,
    "requireFontDisplaySwap": true
  }
}

Latest Updates (v0.1.1)

Released October 4, 2025 - Performance & UX improvements

🚀 Performance Improvements

File size limit (500KB) - Prevents lag on large files
Debouncing (300ms) - Reduces CPU usage during typing
Framework detection - Smarter warnings for Next.js/React

✨ User Experience

Progress notifications - Shows scanning progress in workspace scan
Cancellable scans - Can interrupt long-running workspace scans
Better error handling - Extension skips files gracefully

View Full Changelog →

🛡️ Kanmi Levers Guard