Performance Standard
Sub-800ms LCP & Instant Paint
Zero client hydration pause. HTML5 renders directly on arrival, accelerated by inlined critical styling and speculative resource preloading.
0.6s LCP
0 CLS
0ms TBT
Apple Special Event · Architecture & Toolkit
What we used to build the portfolio.
From first principles to global edge: how autonomous AI agents, zero-runtime architecture, and rigorous quality gates crafted this experience. Verified 13.66B token burn tracked on Systems Tokenization and whoburnedmore.com.
13.66B
Tokens Burned
#53 All-Time Rank
9 / 6
Tools & Models
Agentic Stack
0 KB
Runtime Framework
Pure Vanilla ESM
239 + 175
Automated Tests
Vitest + Pytest
100%
Lighthouse Gates
100/100/100/100 CI
Act I · Philosophy & Architecture
Zero framework runtime. Pure web fundamentals.
Why no React, Angular, or Vue runtime? By relying on native ES modules, vanilla CSS custom properties, and esbuild bundling, we eliminated hydration lag, bloated virtual DOM overhead, and layout shifts. The result is fluid 60–120fps ProMotion scrolling and sub-800ms Largest Contentful Paint.
Web Fundamentals
Vanilla ES Modules & Standards
Modular JavaScript architecture with strict type-safety, single-responsibility modules, and native browser ES modules.
import { usesCatalog } from './data/portfolio-public-data.js?v=20260826cache1';
Visual Language
Apple Human Interface (HIG)
Solid white/black surfaces (#fff / #000), continuous squircle radii (18px), specular metallic highlights, and authentic glassmorphism.
Resilience
Installable PWA Manifest
Standalone web app manifest with home-screen shortcuts, graceful offline fallback page, and optimized reconnection flow.
Act II · Research & Deep Reasoning
Frontier brains behind every architectural decision.
Every system contract, CSS geometry refactoring, and automated test suite is powered by specialized frontier AI models. Verified by 13.66 billion tokens burned across real-world coding sessions.
Lead Visual & Audit Brain
Google AGY
Gemini 3.8 Flash (High)
Autonomous agentic assistant for visual layout auditing, multi-viewport Playwright screenshot analysis, CSS grid refactoring, and zero-overflow enforcement.
Visual Auditing
CSS Refactoring
A11y Remediation
CI Verification
Deep Architectural Reasoning
4.93B Tokens
Claude 3.7 Sonnet / Opus 4.6
Conceptual blueprints, complex API contracts, multi-storefront artwork pipelines, and high-fidelity technical field notes.
Live Edge Assistant
1.65B Tokens
Grok 4.3 & Nemotron 120B
Real-time streaming chat intelligence via OpenRouter, multi-turn conversation memory, and 14 WebMCP client-side tools.
WhoBurnedMore Telemetry
13.66B Tokens · $13,625 Spend
#53 Global All-Time Rank · 198 Active Days · 10d Streak
Act III · Implementation & Tooling
The autonomous workshop where code gets crafted.
AI pair-programming across specialized IDEs, shell agents, and autonomous coding loops. From interactive planning modes to surgical terminal diffs.
Google Antigravity (AGY)
Primary AgentAutonomous agentic pair programmer. Spawns specialized subagents, analyzes full workspaces, manages background tasks, and executes multi-step plans.
Active Orchestrator · Live multi-agent fleet
Codex & GitHub Copilot
Scaffolding & CorePrimary codebase generation, unit test scaffolding, and multi-file code synthesis across Python and modern ESM modules.
9.18B tokens burned · $11,045 spend (67.2%)
Cursor
AI-Native IDEFull-repo context orchestration, multi-file surgical edits, smart copilot predictions, and keyboard-driven refactors.
3.74B tokens burned · $2,527 spend (27.4%)
Kilo Code
Pair ProgrammingMulti-model evaluation, fast interactive chat interface, and prompt experimentation across frontier reasoning architectures.
611.0M tokens burned · 4.5% leaderboard share
Cline & Droid
CLI AgentsAutonomous terminal execution, browser testing automation, and surgical file modifications via tool-use protocols.
99.6M tokens burned · CLI & automation agents
Figma
Design SystemApple HIG component wireframing, fluid responsive breakpoints, color palette exploration, and layout mockups.
Apple HIG Architecture · High-fidelity UI/UX specs
Act IV · Quality Gates & Testing
Never ship broken code. Ever.
Every push to main undergoes a zero-tolerance automated CI pipeline. 414 automated tests, 16 cross-browser device profiles, and automated WCAG AAA accessibility audits.
Gate 01
Passing
Vitest 4.1 Unit Suite
239 unit tests across 47 files running in < 8 seconds. Tests markdown rendering, state management, sound controls, WebMCP tools, and data contracts.
239 / 239 tests passing
Gate 02
Passing
Pytest API & Security Suite
175 API tests across 27 files verifying FastAPI endpoints, streaming chat, rate limits, prompt injection guards, and health probes.
175 / 175 contracts verified
Gate 03
Passing
Playwright 16-Browser Matrix
End-to-end browser tests across Desktop Chrome, Safari, Firefox, Edge, iPhone 17 Pro Max, Pixel 7, and iPad Pro with zero layout shifts.
16 device environments
Gate 04
Passing
Axe-Core Accessibility (WCAG AAA)
Strict WCAG 2.1 AA/AAA compliance: high-contrast text ratios (> 7:1), non-color differentiators, focus indicators, and ARIA tree parity.
0 blocking violations
Act V · Deployment & Global Edge
Deployed worldwide in milliseconds.
Resilient dual-surface architecture combining GitHub Pages static CDN delivery with Cloudflare Workers edge intelligence and automated GitHub Actions CI/CD gates.
Primary Static CDN
GitHub Pages Edge
Global static delivery with TLS termination, atomic artifact deployment, and custom deployment pipeline at mangeshraut712.github.io/mangeshrautarchive.
HTTP/3 · Anycast CDN · 99.99% Uptime
AI Edge Proxy
Cloudflare Workers
Runs AssistMe live chat streaming, model fallback cascades, rate limiting, and WebSocket routing within 50ms of any visitor worldwide.
assistme-chat.mangeshraut712.workers.dev
Continuous Integration
GitHub Actions CI/CD
Automated security vulnerability audit, secret leakage scanning, ESLint, Stylelint, Prettier, unit tests, and Lighthouse score verification.
Automated Release Notes & Tagging
Deploy Gate
Lighthouse 100/100/100/100
Strict deploy gate enforcing perfect scores on Performance, Accessibility, Best Practices, and SEO on every production build.
100 / 100 / 100 / 100 Perfect Gate
Act VI · The Physical Workshop
Hardware built for focus and sustained velocity.
A carefully curated physical environment designed for deep flow states, silent performance, and retina visual clarity.
MacBook Pro (Apple Silicon)
Primary daily machine. Unified memory architecture enables running multiple local Docker containers, browser instances, and background compiler daemons without fan noise.
Apple Silicon · Unified MemoryApple Studio Display (5K)
Single massive 27-inch 5K Retina canvas. Provides pixel-accurate Apple typography rendering (SF Pro), side-by-side terminal splits, and live browser previews.
5K Retina · 218 PPIAirPods Pro (2nd Gen)
Active Noise Cancellation for uninterrupted focus, Spatial Audio for the permanent hero music player, and walk-and-think debugging sessions.
Spatial Audio · Active ANCRaycast & macOS Shortcuts
Supercharged window management, clipboard history, quick script runners, and custom git commands executed directly via hotkeys.
Zero Friction NavigationExplore the Complete Toolkit Catalog
Filter all tools, hardware devices, libraries, and utilities categorized across 8 engineering domains.
Daily drivers
Loading stack…
Loading stack…