Developer platform

DevLens

AI Frontend Engineering Platform

Overview

DevLens is a BYOK platform that audits frontend performance — live URLs, bundles, memory, and architecture — and shifts it left into CI. A source-mapped invariant gate fails the build on regressions and opens AI-assisted remediation PRs. Built on a headless-Chrome + oxc engine, deployed as a Next.js 16 app with a CLI (`@devlens/cli`).

Architecture

A URL flows through the headless-browser engine to an AST analyzer and Gemini, ending in a committed ledger + CI verdict. Tap a stage:

URL

A target URL (or repo path). SSRF-guarded before anything runs.

CLI

@devlens/cli
  • $ devlens run <url> [--session <fixture>]headless audit (+ interactive leak profile) → ledger
  • $ devlens analyze --dir ./src [--explain]static AST insights + Gemini-grounded fixes
  • $ devlens trace [dep]import-graph: why a heavy dep ships, entry vs lazy
  • $ devlens checkarchitecture-invariant gate — exits 1 on breach
  • $ devlens gate <files>oxc perf lints
  • $ devlens assert <stats.json> --budget <KB>initial-JS budget gate
  • $ devlens remediationrender AI fixes as a PR body

Modules

  • Website Audit

    Lighthouse + real headless-Chrome coverage, a11y, and heap — source-mapped.

  • Bundle Analyzer

    webpack stats → largest modules, duplicate packages, vendor split, suggestions.

  • Memory Snapshot

    CDP heap capture or .heapsnapshot upload — detached DOM, retainers, leaks.

  • Session Profiler

    Replay interactions → per-iteration leak curve + blocking-call detection.

  • Perf Heat Map

    One heat score per source file across every signal, with AI explanation.

  • CI Gate + AI

    Invariant gate + auto-opened, Gemini-grounded remediation pull requests.

Roadmap

  • Website audit (coverage · a11y · heap)
  • Bundle analyzer
  • Memory snapshot + session leak profiler
  • Architecture analyze + client-boundary trace
  • Performance heat map
  • CI gate + AI remediation PRs
  • VS Code extension
  • GitHub App
  • React plugin
  • CLI v2

Changelog

  • 2026-06Interactive session profiler — memory leak curve + sync-XHR/long-task detection.
  • 2026-06devlens check gate + Studio build-status banner + bundle-regression ratchet.
  • 2026-06Bundler-agnostic V3 source maps + AI-remediation pull requests (analyze --explain).
  • 2026-06Client-boundary tracer — type-erasure + tree-shaking aware.