User Question (Natural Language):
- "Build callouts style panel to add related items that matches the theme of AI Glossary card and handles errors gracefully. I need it production-ready."
Chapter One
Reference glossary
The AI landscape is full of terminology: LLMs, agents, RAG, context windows, knowledge bases, memory systems, harnesses, guardrails... Each term sounds important— but how do they fit together? Where does each concept live?
Source: Stanford HAI AI Definitions
System behavior
Open this worked example to see how the same concepts move from user dialogue into layered system behavior and a supervised harness.
Step breakdown:
Harness loads:
LLM decides:
Harness executes tool calls:
Harness validates output criteria:
System map
Modern AI system has six layers. Previous AI products mostly lived at layer 2 + layer 6: a model plus a chat UI. Today's products span all six, and the engineering work that differentiates teams happens in the middle.
The product surface.
Chat, IDE, Canvas, Browser Extension, etc.
The harness that governs the model.
Function calling, MCP, browser use, computer use.
The model gains hands.
What the model sees right now.
Knowledge + Memory + System Prompt + Tools + User's Latest Message
A function from tokens to tokens.
Claude, GPT, Gemini, Llama.
A component, not a product.
Inference servers, execution environment
Quick reference for turning scattered source material into an organized, queryable knowledge base.
Three workflows
Vault map - 'Better Bold Brain'
My_Knowledgebase/
│
├── CLAUDE.md Standing instructions for the AI maintainer.
├── WORKFLOW.md This file — the human's quick reference.
│
├── raw/ SOURCE MATERIAL. Immutable. Read-only after ingest.
│ ├── README.md raw/ folder rules and naming conventions.
│ ├── _TEMPLATE.meta.md Sidecar template for non-markdown sources.
│ │
│ ├── _inbox/ ✏️ ONLY mutable folder. New files land here first.
│ ├── papers/ Academic / research PDFs.
│ ├── articles/ Blog posts, news, long-form web content.
│ ├── docs/ Vendor docs, manuals, whitepapers.
│ ├── clippings/ Short web snips, tweets, threads.
│ ├── data/ CSV, XLSX, JSON datasets.
│ ├── transcripts/ Whisper transcripts of audio/video files.
│ ├── assets/ Images embedded in clipped articles.
│ └── media/
│ ├── images/ Standalone images (diagrams, screenshots).
│ ├── audio/ Podcasts, interviews, voice notes.
│ └── video/ Talks, demos, recordings.
│
└── wiki/ SYNTHESIZED KNOWLEDGE. The AI maintains this.
├── index.md Catalog of every wiki page. Always current.
├── log.md Append-only session log of ingests/queries/lints.
├── overview.md Evolving synthesis of the whole AI landscape.
│
├── tools/ One page per AI tool or framework.
├── models/ One page per LLM or embedding model.
├── concepts/ Durable ideas: RAG, evals, fine-tuning, agents.
└── synthesis/ Cross-cutting analysis, comparisons, decisions.Status legend
Idea inspiration
Andrej Karpathy - personal knowledge base setup
gist.github.com/karpathy/442a6bf5...
You Can Outsource Thinking, But Not Understanding.