Architect
intelligence.
Deep-dive architecture, production patterns, and systems thinking for engineers who build with AI — not just about it.
15 domains. One universe.
From AI engineering to system design, each domain is a structured learning path with topics you can read, see, animate, story, test, and build.
One topic.
Five ways to understand it.
Learning isn't linear. Cycle through all five cognitive modes on every topic — from first encounter to shipped code. Complete the loop, earn XP.
- ReadDeep-dive article
- SeeLive visualiser
- AnimateStep-by-step run
- TestPractice problems
- BuildSystem template
Latest articles
Chain-of-Thought Prompting: Making LLMs Show Their Work
Zero-shot CoT, few-shot CoT, self-consistency, and when reasoning traces hurt as much as they help — the technique that unlocked multi-step reasoning in LLMs.
Next.js 16 App Router: Layouts, Cache Components, and the New Mental Model
File conventions (page, layout, loading, error), async params, route groups, parallel and intercepting routes, Cache Components with use cache, and Proxy.
ReAct Prompting: Reasoning and Acting in LLM Agents
The Thought → Action → Observation loop that lets LLMs use tools, verify intermediate steps, and self-correct — the pattern behind most modern AI agents.
TanStack Query v5: Server-Cache State Done Right
Query keys, staleTime vs gcTime, useSuspenseQuery, optimistic updates with rollback, and how to compose React Query with Next.js 16 Server Components.
Prompt Injection: Attack Vectors and Defence in Production
Direct injection, indirect injection via retrieved content, jailbreaks, and the defence-in-depth architecture that keeps LLM applications secure.
React State Management in 2026: A Decision Tree, Not a Religion
Server data, URL state, local state, and global stores — when to use Zustand vs Jotai vs Context vs Redux, and why most state belongs nowhere near a global store.
Developer Playground.
See the systems in action.
Don't just read about it. Explore fully operational sandbox environments and modular tools to understand how the architecture handles real-world complexity.
Visual Flow Engines
Visual explainers dissecting how technology works under the hood.
PyAnimate Sandbox
Execution visualizer parsing Python logic in real-time motion.
Curriculum Paths
Structured progression graphs for evaluating technical mastery.
RAG Harness Explorer
Test vector chunking logic, semantic retrieval, and thresholds.
Agentic Orchestrator
Run multi-agent simulations to observe memory architectures.
Panchatantra
Algorithm storytelling for engineers.