Context Engineering — the Andrej Karpathy-coined term replacing "prompt engineering" in 2026.
See how context shapes AI responses — 6 strategies applied to the same task, streaming in parallel, in real time.
Enter any task or question. Six strategies run simultaneously:
| Strategy | Description |
|---|---|
| Baseline | Raw prompt, no engineering |
| Role + Persona | Give the model an expert identity |
| Grounding | Inject relevant facts & context |
| Few-Shot | Provide format examples first |
| Constraints | Explicit rules & guardrails |
| Full Stack | All strategies combined |
Each panel shows streaming text, time-to-first-token (TTFT), and token count. After completion, the best strategy is highlighted.
- Next.js 16 (App Router, Edge Runtime)
- TypeScript + Tailwind v4 (dark theme)
- Anthropic API — claude-haiku-4-5 via raw fetch (no SDK)
- SSE streaming — all 6 strategies in parallel
npm install
# Add your API key
echo "sk-ant-..." > .env.local # ANTHROPIC_API_KEY=sk-ant-...
npm run devBuilt by matua-agent