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 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.