/* =========================================================================== Article.jsx — Individual AI Before Institutional AI All article-specific components in one file. The article TEXT is verbatim from uploads/linkedin-article-institutional-ai.md; only formatting is added. ===========================================================================*/ /* ---------- shared atoms ---------------------------------------------------*/ const Eyebrow = ({children, color = 'var(--accent-fg)'}) => (
{children}
); const ArrowRight = ({size = 14}) => ( ); /* small hook: in-view trigger — scroll-listener fallback (IntersectionObserver doesn't fire in some embedded preview iframes) */ const useInView = (opts = {threshold: .2}) => { const ref = React.useRef(null); const [seen, setSeen] = React.useState(false); React.useEffect(() => { if (seen) return; const check = () => { const el = ref.current; if (!el) return; const r = el.getBoundingClientRect(); const vh = window.innerHeight || document.documentElement.clientHeight; // visible if any part is in viewport, with a small bottom margin so // animations kick off as it scrolls in if (r.top < vh - 40 && r.bottom > 0) { setSeen(true); } }; check(); window.addEventListener('scroll', check, {passive: true}); window.addEventListener('resize', check); // also try IO as a bonus let io; try { io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) setSeen(true); }); }, opts); if (ref.current) io.observe(ref.current); } catch (_) {} return () => { window.removeEventListener('scroll', check); window.removeEventListener('resize', check); if (io) io.disconnect(); }; }, [seen]); return [ref, seen]; }; /* count-up hook — interval-based (rAF doesn't fire in some preview iframes) */ const useCountUp = (target, ms = 1400, run = true, start = 0) => { const [n, setN] = React.useState(start); React.useEffect(() => { if (!run) return; const t0 = Date.now(); const id = setInterval(() => { const k = Math.min(1, (Date.now() - t0) / ms); const eased = 1 - Math.pow(1 - k, 3); setN(start + (target - start) * eased); if (k >= 1) clearInterval(id); }, 16); return () => clearInterval(id); }, [run, target]); return n; }; /* =========================================================================== ReadProgress — thin top bar ===========================================================================*/ const ReadProgress = () => { const [w, setW] = React.useState(0); React.useEffect(() => { const h = () => { const doc = document.documentElement; const max = doc.scrollHeight - doc.clientHeight; setW(max > 0 ? (window.scrollY / max) * 100 : 0); }; h(); window.addEventListener('scroll', h, {passive: true}); window.addEventListener('resize', h); return () => { window.removeEventListener('scroll', h); window.removeEventListener('resize', h); }; }, []); return
; }; window.ReadProgress = ReadProgress; /* =========================================================================== ArticleNav — minimal sticky nav ===========================================================================*/ const ArticleNav = () => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const h = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', h, {passive: true}); return () => window.removeEventListener('scroll', h); }, []); return ( ); }; window.ArticleNav = ArticleNav; /* =========================================================================== ArticleHero — title + interactive "path" diagram ===========================================================================*/ const ArticleHero = () => { // Animated scroll-along path — Sivulka drew the map; here is the PATH const [t, setT] = React.useState(0); React.useEffect(() => { const t0 = Date.now(); const id = setInterval(() => { setT(((Date.now() - t0) / 8000) % 1); }, 33); return () => clearInterval(id); }, []); // path: irregular, 1890 → 2030, with five waypoints (the principles) const W = 1100, H = 200; const pts = [ {x: 60, y: 150, label: '1890', sub: 'electric motors'}, {x: 280, y: 110, label: '1920', sub: 'assembly line'}, {x: 540, y: 130, label: '2025', sub: 'individual AI'}, {x: 760, y: 70, label: '2027', sub: 'ecosystems'}, {x: 1040,y: 40, label: '2030', sub: 'institutional AI'}, ]; const d = `M ${pts[0].x},${pts[0].y} ` + pts.slice(1).map((p, i) => { const prev = pts[i]; const cx = (prev.x + p.x) / 2; return `C ${cx},${prev.y} ${cx},${p.y} ${p.x},${p.y}`; }).join(' '); return (
Essay · Apr 2026 / practitioner notes

Individual AI
before Institutional AI.

Five principles from building enterprise AI for 1,100 users. A practitioner's response to a16z's Institutional AI vs Individual AI.

{/* author card */}
YA
AI Platform Lead at a financial-services company (~2,000 people) practitioner

Everything below is what I learned building Individual AI inside the company over the last ten months. The numbers, the principles, and the decisions are from production, not theory.

{ e.currentTarget.style.transform = 'translateY(-1px)'; e.currentTarget.style.boxShadow = '0 4px 14px rgba(184,233,54,.25)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = 'none'; }} > Follow on LinkedIn · Nikolai Iambroskin
{/* byline strip */}
5 months in production · 1,100 monthly users · 50B+ tokens / month
{/* the PATH artifact */}
the path
Sivulka drew the map. Here is the path.
▸ live · the dot is moving along the irregular line because the line itself is being drawn
{/* Sivulka's "map" = a straight idealized line */} {/* The actual path */} {/* waypoints */} {pts.map((p, i) => ( {p.label} {p.sub} ))} {/* Moving dot */}
the map the path
); }; window.ArticleHero = ArticleHero; /* helper: dot travelling along an SVG path at parameter t (0..1) */ const PathTraveler = ({d, t}) => { const ref = React.useRef(null); const [pos, setPos] = React.useState({x: 0, y: 0}); React.useEffect(() => { if (!ref.current) return; const len = ref.current.getTotalLength(); const p = ref.current.getPointAtLength(len * t); setPos({x: p.x, y: p.y}); }, [t, d]); return ( ); }; /* =========================================================================== Prose helper — lays out one or more paragraphs verbatim ===========================================================================*/ const Prose = ({children, style = {}}) => (
{children}
); window.Prose = Prose; /* =========================================================================== ArticleIntro — first paragraphs + interactive MAU growth tile ===========================================================================*/ const ArticleIntro = () => { return (

A few weeks ago, a16z's George Sivulka published the clearest framing of enterprise AI I've read this year: Individual AI vs Institutional AI. He's right.

For the last ten months I've been building Individual AI inside a 2,000-person company. 1,100 people use it every month now, about 55% of the company. We didn't get there by following any map. The map didn't exist, and as far as I can tell it still doesn't.

Sivulka draws the destination well. Coordination, signal, edge, and outcomes are four of the seven pillars he names for where enterprise AI is going. What his essay leaves out is the path. Most companies will skip it.

You can't prepare for Institutional AI directly. The 1890s textile mills took thirty years to figure out the assembly line, and this path will look obvious in hindsight too. By 2030 we'll all see it. Right now, we don't. New models ship weekly. The capability you built your platform around six months ago is a commodity now. The next layer of abstraction is being shipped while you're still deploying the last one.

So you can't build a multi-year roadmap. You can only execute principles.

Here are five I've been operating by. Not theory, just what got us from 0 to 1,100 monthly active users in five months without anyone being told to.
); }; window.ArticleIntro = ArticleIntro; /* the growth tile — animated counter and bars */ const MAUGrowth = () => { const [ref, seen] = useInView(); const months = [ {m: 'M1', mau: 80, wau: 50, dau: 18}, {m: 'M2', mau: 240, wau: 160, dau: 70}, {m: 'M3', mau: 520, wau: 360, dau: 180}, {m: 'M4', mau: 820, wau: 560, dau: 320}, {m: 'M5', mau: 1100, wau: 745, dau: 450}, ]; const max = 1200; const mau = Math.round(useCountUp(1100, 1800, seen)); const pct = Math.round(useCountUp(55, 1800, seen)); return (
adoption telemetry 5 months · gateway logs RECORDING
{/* big number */}
monthly active users
{mau.toLocaleString()}
↑ {pct}% of a 2,000-person company
WAU 745
peak DAU 450
retention 75–86%
{/* chart */}
MoM growth
■ MAU ■ WAU ■ peak DAU
{months.map((row, i) => { const h = (v) => seen ? `${(v / max) * 100}%` : '0%'; return (
{row.m}
); })}
0 → 1,100 MAU · zero mandates +1,100 in 5 months
); }; window.MAUGrowth = MAUGrowth;